test: added storybook interaction test

Author: shairez

package.json

@@ -38,6 +38,7 @@
     "@storybook/builder-vite": "7.0.0-rc.7",
     "@storybook/html": "7.0.0-rc.7",
     "@storybook/html-vite": "7.0.0-rc.7",
+    "@storybook/jest": "0.0.10",
     "@storybook/testing-library": "0.0.13",
     "@types/eslint": "8.21.3",
     "@types/node": "18.15.3",

packages/headless/src/components/accordion/accordion.stories.tsx

@@ -0,0 +1,27 @@
+import { Meta, StoryObj } from 'storybook-framework-qwik';
+import { Accordion, AccordionItem, AccordionProps } from './accordion';
+import { within, userEvent } from '@storybook/testing-library';
+import { expect } from '@storybook/jest';
+
+const meta: Meta<AccordionProps> = {
+  component: Accordion,
+};
+
+export default meta;
+
+type Story = StoryObj<AccordionProps>;
+
+export const Primary: Story = {
+  render: () => (
+    <Accordion>
+      <AccordionItem label="Item 1">This is a test</AccordionItem>
+    </Accordion>
+  ),
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    await userEvent.click(canvas.getByText('Item 1'));
+
+    await expect(canvas.getByText('This is a test')).toBeInTheDocument();
+  },
+};