add test story

packages/uui-popover-container/lib/popover-test-story.element.ts

@@ -0,0 +1,31 @@
+import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
+import { css, html, LitElement } from 'lit';
+/**
+ * @element popover-test-story
+ */
+@defineElement('popover-test-story')
+export class UUIPopoverTestStoryElement extends LitElement {
+  render() {
+    return html`
+      <uui-button look="primary" popovertarget="my-popover"
+        >open popover</uui-button
+      >
+      <uui-popover-container id="my-popover" popover>
+        <div style="width: 200px; border: 1px solid black">
+          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae
+          quis eos doloribus dolore. Voluptate dolorum, natus, sit veritatis
+          impedit dolore enim odio excepturi ex nostrum veniam repellendus
+          obcaecati aspernatur dolorem.
+        </div>
+      </uui-popover-container>
+    `;
+  }
+
+  static styles = [css``];
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'popover-test-story': UUIPopoverTestStoryElement;
+  }
+}

packages/uui-popover-container/lib/uui-popover-container.story.ts

@@ -7,6 +7,8 @@ import type { UUIPopoverContainerElement } from './uui-popover-container.element
 import readme from '../README.md?raw';
 import { html } from 'lit';
 
+import './popover-test-story.element';
+
 const meta: Meta<UUIPopoverContainerElement> = {
   id: 'uui-popover-container',
   title: 'Displays/Popover Container',
@@ -19,6 +21,10 @@ const meta: Meta<UUIPopoverContainerElement> = {
 export default meta;
 type Story = StoryObj<UUIPopoverContainerElement>;
 
+export const Test: Story = {
+  render: () => html`<popover-test-story></popover-test-story>`,
+};
+
 export const Overview: Story = {
   play: async ({ canvasElement }) => {
     const button = canvasElement.querySelector('#popover-button');