@storybook/addon-vitest 0.0.0-pr-32874-sha-fd398904 → 0.0.0-pr-32921-sha-16b7aab0

package/dist/vitest-plugin/global-setup.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_x7l8djn52xj from 'node:url';
-import CJS_COMPAT_NODE_PATH_x7l8djn52xj from 'node:path';
-import CJS_COMPAT_NODE_MODULE_x7l8djn52xj from "node:module";
+import CJS_COMPAT_NODE_URL_6px7swmj8pe from 'node:url';
+import CJS_COMPAT_NODE_PATH_6px7swmj8pe from 'node:path';
+import CJS_COMPAT_NODE_MODULE_6px7swmj8pe from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_x7l8djn52xj.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_x7l8djn52xj.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_x7l8djn52xj.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_6px7swmj8pe.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_6px7swmj8pe.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_6px7swmj8pe.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -14,7 +14,7 @@ import {
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-LB44Z253.js";
+} from "../_node-chunks/chunk-XJAFV5RM.js";
 
 // ../../node_modules/tree-kill/index.js
 var require_tree_kill = __commonJS({

package/dist/vitest-plugin/index.js

@@ -1,30 +1,30 @@
-import CJS_COMPAT_NODE_URL_x7l8djn52xj from 'node:url';
-import CJS_COMPAT_NODE_PATH_x7l8djn52xj from 'node:path';
-import CJS_COMPAT_NODE_MODULE_x7l8djn52xj from "node:module";
+import CJS_COMPAT_NODE_URL_6px7swmj8pe from 'node:url';
+import CJS_COMPAT_NODE_PATH_6px7swmj8pe from 'node:path';
+import CJS_COMPAT_NODE_MODULE_6px7swmj8pe from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_x7l8djn52xj.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_x7l8djn52xj.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_x7l8djn52xj.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_6px7swmj8pe.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_6px7swmj8pe.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_6px7swmj8pe.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   require_picocolors
-} from "../_node-chunks/chunk-NQQ2WBZM.js";
+} from "../_node-chunks/chunk-EYRCMB52.js";
 import {
   join,
   normalize,
   relative,
   resolve,
   sep
-} from "../_node-chunks/chunk-ZIYTWRWN.js";
+} from "../_node-chunks/chunk-YT4V4DMB.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-LB44Z253.js";
+} from "../_node-chunks/chunk-XJAFV5RM.js";
 
 // ../../node_modules/braces/lib/utils.js
 var require_utils = __commonJS({
@@ -3683,6 +3683,7 @@ var storybookTest = /* @__PURE__ */ __name(async (options) => {
             join(relative(finalOptions.vitestRoot, process.cwd()), "**/*.mdx").replaceAll(sep, "/")
           ],
           // if the existing deps.inline is true, we keep it as-is, because it will inline everything
+          // TODO: Remove the check once we don't support Vitest 3 anymore
           ...nonMutableInputConfig.test?.server?.deps?.inline !== true ? {
             server: {
               deps: {

package/dist/vitest-plugin/setup-file.js

@@ -1,6 +1,6 @@
 import {
   PANEL_ID
-} from "../_browser-chunks/chunk-PMYV6BH2.js";
+} from "../_browser-chunks/chunk-RPDOPHZX.js";
 import {
   __name
 } from "../_browser-chunks/chunk-JK72E6FR.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-vitest",
-  "version": "0.0.0-pr-32874-sha-fd398904",
+  "version": "0.0.0-pr-32921-sha-16b7aab0",
   "description": "Storybook Vitest addon: Blazing fast component testing using stories",
   "keywords": [
     "storybook",
@@ -74,7 +74,6 @@
   "dependencies": {
     "@storybook/global": "^5.0.0",
     "@storybook/icons": "^1.6.0",
-    "prompts": "^2.4.0",
     "ts-dedent": "^2.2.0"
   },
   "devDependencies": {
@@ -82,9 +81,8 @@
     "@types/micromatch": "^4.0.0",
     "@types/node": "^22.0.0",
     "@types/semver": "^7",
-    "@vitest/browser": "^3.2.4",
-    "@vitest/runner": "^3.2.4",
-    "boxen": "^8.0.1",
+    "@vitest/browser-playwright": "^4.0.1",
+    "@vitest/runner": "^4.0.1",
     "empathic": "^2.0.0",
     "es-toolkit": "^1.36.0",
     "execa": "^8.0.1",
@@ -101,18 +99,22 @@
     "tree-kill": "^1.2.2",
     "ts-dedent": "^2.2.0",
     "typescript": "^5.8.3",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.1"
   },
   "peerDependencies": {
-    "@vitest/browser": "^3.0.0",
-    "@vitest/runner": "^3.0.0",
-    "storybook": "^0.0.0-pr-32874-sha-fd398904",
-    "vitest": "^3.0.0"
+    "@vitest/browser": "^3.0.0 || ^4.0.0",
+    "@vitest/browser-playwright": "^4.0.0",
+    "@vitest/runner": "^3.0.0 || ^4.0.0",
+    "storybook": "^0.0.0-pr-32921-sha-16b7aab0",
+    "vitest": "^3.0.0 || ^4.0.0"
   },
   "peerDependenciesMeta": {
     "@vitest/browser": {
       "optional": true
     },
+    "@vitest/browser-playwright": {
+      "optional": true
+    },
     "@vitest/runner": {
       "optional": true
     },

package/templates/vitest.config.3.2.template.ts

@@ -21,7 +21,12 @@ export default defineConfig({
         ],
         test: {
           name: 'storybook',
-          browser: BROWSER_CONFIG,
+          browser: {
+            enabled: true,
+            headless: true,
+            provider: 'playwright',
+            instances: [{ browser: 'chromium' }],
+          },
           setupFiles: ['SETUP_FILE'],
         },
       },

package/templates/vitest.config.4.template.ts

@@ -0,0 +1,37 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { defineConfig } from 'vitest/config';
+
+import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
+
+import { playwright } from '@vitest/browser-playwright';
+
+const dirname =
+  typeof __dirname !== 'undefined' ? __dirname : path.dirname(fileURLToPath(import.meta.url));
+
+// More info at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon
+export default defineConfig({
+  test: {
+    projects: [
+      {
+        extends: true,
+        plugins: [
+          // The plugin will run tests for the stories defined in your Storybook config
+          // See options at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon#storybooktest
+          storybookTest({ configDir: path.join(dirname, 'CONFIG_DIR') }),
+        ],
+        test: {
+          name: 'storybook',
+          browser: {
+            enabled: true,
+            headless: true,
+            provider: playwright({}),
+            instances: [{ browser: 'chromium' }],
+          },
+          setupFiles: ['SETUP_FILE'],
+        },
+      },
+    ],
+  },
+});

package/templates/vitest.config.template.ts

@@ -21,7 +21,12 @@ export default defineConfig({
         ],
         test: {
           name: 'storybook',
-          browser: BROWSER_CONFIG,
+          browser: {
+            enabled: true,
+            headless: true,
+            provider: 'playwright',
+            instances: [{ browser: 'chromium' }],
+          },
           setupFiles: ['SETUP_FILE'],
         },
       },

package/templates/vitest.workspace.template.ts

@@ -20,7 +20,12 @@ export default defineWorkspace([
     ],
     test: {
       name: 'storybook',
-      browser: BROWSER_CONFIG,
+      browser: {
+        enabled: true,
+        headless: true,
+        provider: 'playwright',
+        instances: [{ browser: 'chromium' }],
+      },
       setupFiles: ['SETUP_FILE'],
     },
   },