Add @storybook/experimental-addon-test to repo (internal)

.github/workflows/test.yml

@@ -38,6 +38,15 @@ jobs:
           pnpm install
           --frozen-lockfile
 
+      - name: Install Playwright Dependencies
+        # Required for Vitest browser-mode
+        run: pnpm exec playwright install chromium --with-deps
+
+      - name: Build package
+        # Required for testing stories
+        run: >
+          pnpm build
+
       - name: Run tests with Vitest
         # https://vitest.dev/guide/cli.html
         run: >

.storybook/main.ts

@@ -25,7 +25,7 @@ const config: StorybookConfig = {
       },
     },
     '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
+    '@storybook/experimental-addon-test',
   ],
 };
 

.storybook/vitest.setup.ts

@@ -0,0 +1,8 @@
+import { beforeAll } from 'vitest';
+import { setProjectAnnotations } from '@storybook/svelte';
+
+// This is an important step to apply the right configuration when testing your stories.
+// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
+const project = setProjectAnnotations([]);
+
+beforeAll(project.beforeAll);

package.json

@@ -63,31 +63,34 @@
   },
   "devDependencies": {
     "@auto-it/released": "^11.1.6",
-    "@storybook/addon-actions": "^8.0.0",
-    "@storybook/addon-essentials": "^8.0.0",
-    "@storybook/addon-interactions": "^8.0.0",
+    "@storybook/addon-actions": "8.5.0-beta.11",
+    "@storybook/addon-essentials": "8.5.0-beta.11",
     "@storybook/eslint-config-storybook": "^4.0.0",
-    "@storybook/preview-api": "^8.0.0",
-    "@storybook/svelte": "^8.0.0",
-    "@storybook/svelte-vite": "^8.0.0",
-    "@storybook/test": "^8.0.0",
+    "@storybook/experimental-addon-test": "^8.5.0-beta.11",
+    "@storybook/preview-api": "8.5.0-beta.11",
+    "@storybook/svelte": "8.5.0-beta.11",
+    "@storybook/svelte-vite": "8.5.0-beta.11",
+    "@storybook/test": "8.5.0-beta.11",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "4.0.0",
     "@tsconfig/svelte": "^5.0.4",
     "@types/estree": "^1.0.6",
     "@types/node": "^20.14.9",
+    "@vitest/browser": "2.1.4",
+    "@vitest/coverage-v8": "2.1.4",
     "@vitest/ui": "^2.1.4",
     "auto": "^11.1.6",
     "chromatic": "^11.16.1",
     "concurrently": "^8.2.2",
     "eslint": "^7.32.0",
     "eslint-plugin-storybook": "^0.8.0",
     "happy-dom": "^15.11.4",
+    "playwright": "^1.49.1",
     "prettier": "^3.3.2",
     "prettier-plugin-svelte": "^3.2.5",
     "rimraf": "^5.0.7",
     "rollup": "^4.25.0",
-    "storybook": "^8.0.0",
+    "storybook": "8.5.0-beta.11",
     "svelte": "^5.0.0",
     "svelte-check": "^4.0.5",
     "tslib": "^2.6.3",
@@ -105,6 +108,10 @@
     "svelte": "^5.0.0",
     "vite": "^5.0.0 || ^6.0.0"
   },
+  "resolutions": {
+    "@storybook/docs-tools": "8.5.0-beta.11",
+    "@storybook/types": "8.5.0-beta.11"
+  },
   "packageManager": "[email protected]+sha512.cce0f9de9c5a7c95bef944169cc5dfe8741abfb145078c0d508b868056848a87c81e626246cb60967cbd7fd29a6c062ef73ff840d96b3c86c40ac92cf4a813ee",
   "publishConfig": {
     "access": "public"