@storybook/addon-vitest 10.1.0-alpha.9 → 10.1.0-beta.0

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

@@ -1,31 +1,25 @@
 import {
   PANEL_ID
-} from "../_browser-chunks/chunk-CAYLRBRX.js";
-import {
-  __name
-} from "../_browser-chunks/chunk-JK72E6FR.js";
+} from "../_browser-chunks/chunk-TJXI7EIW.js";
 
 // src/vitest-plugin/setup-file.ts
 import { afterEach, beforeAll, vi } from "vitest";
 import { Channel } from "storybook/internal/channels";
 var transport = { setHandler: vi.fn(), send: vi.fn() };
 globalThis.__STORYBOOK_ADDONS_CHANNEL__ ??= new Channel({ transport });
-var modifyErrorMessage = /* @__PURE__ */ __name(({ task }) => {
-  const meta = task.meta;
+var modifyErrorMessage = ({ task }) => {
+  let meta = task.meta;
   if (task.type === "test" && task.result?.state === "fail" && meta.storyId && task.result.errors?.[0]) {
-    const currentError = task.result.errors[0];
-    const storybookUrl = import.meta.env.__STORYBOOK_URL__;
-    const storyUrl = `${storybookUrl}/?path=/story/${meta.storyId}&addonPanel=${PANEL_ID}`;
+    let currentError = task.result.errors[0], storyUrl = `${import.meta.env.__STORYBOOK_URL__}/?path=/story/${meta.storyId}&addonPanel=${PANEL_ID}`;
     currentError.message = `
 \x1B[34mClick to debug the error directly in Storybook: ${storyUrl}\x1B[39m
 
 ${currentError.message}`;
   }
-}, "modifyErrorMessage");
+};
 beforeAll(() => {
-  if (globalThis.globalProjectAnnotations) {
+  if (globalThis.globalProjectAnnotations)
     return globalThis.globalProjectAnnotations.beforeAll();
-  }
 });
 afterEach(modifyErrorMessage);
 export {

package/dist/vitest-plugin/test-utils.js

@@ -1,7 +1,3 @@
-import {
-  __name
-} from "../_browser-chunks/chunk-JK72E6FR.js";
-
 // src/vitest-plugin/test-utils.ts
 import { getStoryChildren, isStory } from "storybook/internal/csf";
 import { server } from "@vitest/browser/context";
@@ -13,95 +9,59 @@ import { MINIMAL_VIEWPORTS } from "storybook/viewport";
 var DEFAULT_VIEWPORT_DIMENSIONS = {
   width: 1200,
   height: 900
-};
-var validPixelOrNumber = /^\d+(px)?$/;
-var percentagePattern = /^(\d+(\.\d+)?%)$/;
-var vwPattern = /^(\d+(\.\d+)?vw)$/;
-var vhPattern = /^(\d+(\.\d+)?vh)$/;
-var emRemPattern = /^(\d+)(em|rem)$/;
-var parseDimension = /* @__PURE__ */ __name((value, dimension) => {
-  if (validPixelOrNumber.test(value)) {
+}, validPixelOrNumber = /^\d+(px)?$/, percentagePattern = /^(\d+(\.\d+)?%)$/, vwPattern = /^(\d+(\.\d+)?vw)$/, vhPattern = /^(\d+(\.\d+)?vh)$/, emRemPattern = /^(\d+)(em|rem)$/, parseDimension = (value, dimension) => {
+  if (validPixelOrNumber.test(value))
     return Number.parseInt(value, 10);
-  } else if (percentagePattern.test(value)) {
-    const percentageValue = parseFloat(value) / 100;
+  if (percentagePattern.test(value)) {
+    let percentageValue = parseFloat(value) / 100;
     return Math.round(DEFAULT_VIEWPORT_DIMENSIONS[dimension] * percentageValue);
   } else if (vwPattern.test(value)) {
-    const vwValue = parseFloat(value) / 100;
+    let vwValue = parseFloat(value) / 100;
     return Math.round(DEFAULT_VIEWPORT_DIMENSIONS.width * vwValue);
   } else if (vhPattern.test(value)) {
-    const vhValue = parseFloat(value) / 100;
+    let vhValue = parseFloat(value) / 100;
     return Math.round(DEFAULT_VIEWPORT_DIMENSIONS.height * vhValue);
-  } else if (emRemPattern.test(value)) {
-    const emRemValue = Number.parseInt(value, 10);
-    return emRemValue * 16;
   } else {
+    if (emRemPattern.test(value))
+      return Number.parseInt(value, 10) * 16;
     throw new UnsupportedViewportDimensionError({ dimension, value });
   }
-}, "parseDimension");
-var setViewport = /* @__PURE__ */ __name(async (parameters = {}, globals = {}) => {
-  let defaultViewport;
-  const viewportsParam = parameters.viewport ?? {};
-  const viewportsGlobal = globals.viewport ?? {};
-  const isDisabled = viewportsParam.disable || viewportsParam.disabled;
-  if (viewportsGlobal.value && !isDisabled) {
-    defaultViewport = viewportsGlobal.value;
-  } else if (!isDisabled) {
-    defaultViewport = viewportsParam.defaultViewport;
-  }
-  const { page } = await import("@vitest/browser/context").catch(() => ({
+}, setViewport = async (parameters = {}, globals = {}) => {
+  let defaultViewport, viewportsParam = parameters.viewport ?? {}, viewportsGlobal = globals.viewport ?? {}, isDisabled = viewportsParam.disable || viewportsParam.disabled;
+  viewportsGlobal.value && !isDisabled ? defaultViewport = viewportsGlobal.value : isDisabled || (defaultViewport = viewportsParam.defaultViewport);
+  let { page } = await import("@vitest/browser/context").catch(() => ({
     page: null
   }));
-  if (!page || !globalThis.__vitest_browser__) {
+  if (!page || !globalThis.__vitest_browser__)
     return;
-  }
-  const options = {
+  let options = {
     ...MINIMAL_VIEWPORTS,
     ...viewportsParam.viewports,
     ...viewportsParam.options
-  };
-  let viewportWidth = DEFAULT_VIEWPORT_DIMENSIONS.width;
-  let viewportHeight = DEFAULT_VIEWPORT_DIMENSIONS.height;
+  }, viewportWidth = DEFAULT_VIEWPORT_DIMENSIONS.width, viewportHeight = DEFAULT_VIEWPORT_DIMENSIONS.height;
   if (defaultViewport && defaultViewport in options) {
-    const { styles } = options[defaultViewport];
+    let { styles } = options[defaultViewport];
     if (styles?.width && styles?.height) {
-      const { width, height } = styles;
-      viewportWidth = parseDimension(width, "width");
-      viewportHeight = parseDimension(height, "height");
+      let { width, height } = styles;
+      viewportWidth = parseDimension(width, "width"), viewportHeight = parseDimension(height, "height");
     }
   }
   await page.viewport(viewportWidth, viewportHeight);
-}, "setViewport");
+};
 
 // src/vitest-plugin/test-utils.ts
-var { getInitialGlobals } = server.commands;
-var convertToFilePath = /* @__PURE__ */ __name((url) => {
-  const path = url.replace(/^file:\/\//, "");
-  const normalizedPath = path.replace(/^\/+([a-zA-Z]:)/, "$1");
-  return normalizedPath.replace(/%20/g, " ");
-}, "convertToFilePath");
-var testStory = /* @__PURE__ */ __name((exportName, story, meta, skipTags, storyId, testName) => {
-  return async (context) => {
-    const annotations = getCsfFactoryAnnotations(story, meta);
-    const test = isStory(story) && testName ? getStoryChildren(story).find((child) => child.input.name === testName) : void 0;
-    const storyAnnotations = test ? test.input : annotations.story;
-    const composedStory = composeStory(
-      storyAnnotations,
-      annotations.meta,
-      { initialGlobals: await getInitialGlobals?.() ?? {} },
-      annotations.preview ?? globalThis.globalProjectAnnotations,
-      exportName
-    );
-    if (composedStory === void 0 || skipTags?.some((tag) => composedStory.tags.includes(tag))) {
-      context.skip();
-    }
-    context.story = composedStory;
-    const _task = context.task;
-    _task.meta.storyId = storyId;
-    await setViewport(composedStory.parameters, composedStory.globals);
-    await composedStory.run(void 0);
-    _task.meta.reports = composedStory.reporting.reports;
-  };
-}, "testStory");
+var { getInitialGlobals } = server.commands, convertToFilePath = (url) => url.replace(/^file:\/\//, "").replace(/^\/+([a-zA-Z]:)/, "$1").replace(/%20/g, " "), testStory = (exportName, story, meta, skipTags, storyId, testName) => async (context) => {
+  let annotations = getCsfFactoryAnnotations(story, meta), test = isStory(story) && testName ? getStoryChildren(story).find((child) => child.input.name === testName) : void 0, storyAnnotations = test ? test.input : annotations.story, composedStory = composeStory(
+    storyAnnotations,
+    annotations.meta,
+    { initialGlobals: await getInitialGlobals?.() ?? {} },
+    annotations.preview ?? globalThis.globalProjectAnnotations,
+    exportName
+  );
+  (composedStory === void 0 || skipTags?.some((tag) => composedStory.tags.includes(tag))) && context.skip(), context.story = composedStory;
+  let _task = context.task;
+  _task.meta.storyId = storyId, await setViewport(composedStory.parameters, composedStory.globals), await composedStory.run(void 0), _task.meta.reports = composedStory.reporting.reports;
+};
 export {
   convertToFilePath,
   testStory

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-vitest",
-  "version": "10.1.0-alpha.9",
+  "version": "10.1.0-beta.0",
   "description": "Storybook Vitest addon: Blazing fast component testing using stories",
   "keywords": [
     "storybook",
@@ -73,9 +73,7 @@
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/icons": "^1.6.0",
-    "prompts": "^2.4.0",
-    "ts-dedent": "^2.2.0"
+    "@storybook/icons": "^2.0.0"
   },
   "devDependencies": {
     "@types/istanbul-lib-report": "^3.0.3",
@@ -84,10 +82,8 @@
     "@types/semver": "^7",
     "@vitest/browser-playwright": "^4.0.1",
     "@vitest/runner": "^4.0.1",
-    "boxen": "^8.0.1",
     "empathic": "^2.0.0",
     "es-toolkit": "^1.36.0",
-    "execa": "^8.0.1",
     "istanbul-lib-report": "^3.0.1",
     "micromatch": "^4.0.8",
     "pathe": "^1.1.2",
@@ -107,7 +103,7 @@
     "@vitest/browser": "^3.0.0 || ^4.0.0",
     "@vitest/browser-playwright": "^4.0.0",
     "@vitest/runner": "^3.0.0 || ^4.0.0",
-    "storybook": "^10.1.0-alpha.9",
+    "storybook": "^10.1.0-beta.0",
     "vitest": "^3.0.0 || ^4.0.0"
   },
   "peerDependenciesMeta": {

package/dist/_browser-chunks/chunk-CAYLRBRX.js

@@ -1,77 +0,0 @@
-// ../../core/src/component-testing/constants.ts
-var ADDON_ID = "storybook/interactions";
-var PANEL_ID = `${ADDON_ID}/panel`;
-var DOCUMENTATION_LINK = "writing-tests/integrations/vitest-addon";
-var DOCUMENTATION_DISCREPANCY_LINK = `${DOCUMENTATION_LINK}#what-happens-when-there-are-different-test-results-in-multiple-environments`;
-
-// ../a11y/src/constants.ts
-var ADDON_ID2 = "storybook/a11y";
-var PANEL_ID2 = `${ADDON_ID2}/panel`;
-var UI_STATE_ID = `${ADDON_ID2}/ui`;
-var RESULT = `${ADDON_ID2}/result`;
-var REQUEST = `${ADDON_ID2}/request`;
-var RUNNING = `${ADDON_ID2}/running`;
-var ERROR = `${ADDON_ID2}/error`;
-var MANUAL = `${ADDON_ID2}/manual`;
-var SELECT = `${ADDON_ID2}/select`;
-var DOCUMENTATION_LINK2 = "writing-tests/accessibility-testing";
-var DOCUMENTATION_DISCREPANCY_LINK2 = `${DOCUMENTATION_LINK2}#why-are-my-tests-failing-in-different-environments`;
-
-// src/constants.ts
-var ADDON_ID3 = "storybook/test";
-var TEST_PROVIDER_ID = `${ADDON_ID3}/test-provider`;
-var DOCUMENTATION_LINK3 = "writing-tests/integrations/vitest-addon";
-var DOCUMENTATION_FATAL_ERROR_LINK = `${DOCUMENTATION_LINK3}#what-happens-if-vitest-itself-has-an-error`;
-var storeOptions = {
-  id: ADDON_ID3,
-  initialState: {
-    config: {
-      coverage: false,
-      a11y: false
-    },
-    watching: false,
-    cancelling: false,
-    fatalError: void 0,
-    indexUrl: void 0,
-    previewAnnotations: [],
-    currentRun: {
-      triggeredBy: void 0,
-      config: {
-        coverage: false,
-        a11y: false
-      },
-      componentTestCount: {
-        success: 0,
-        error: 0
-      },
-      a11yCount: {
-        success: 0,
-        warning: 0,
-        error: 0
-      },
-      storyIds: void 0,
-      totalTestCount: void 0,
-      startedAt: void 0,
-      finishedAt: void 0,
-      unhandledErrors: [],
-      coverageSummary: void 0
-    }
-  }
-};
-var FULL_RUN_TRIGGERS = ["global", "run-all"];
-var STORE_CHANNEL_EVENT_NAME = `UNIVERSAL_STORE:${storeOptions.id}`;
-var STATUS_TYPE_ID_COMPONENT_TEST = "storybook/component-test";
-var STATUS_TYPE_ID_A11Y = "storybook/a11y";
-
-export {
-  PANEL_ID,
-  ADDON_ID2 as ADDON_ID,
-  PANEL_ID2,
-  ADDON_ID3 as ADDON_ID2,
-  TEST_PROVIDER_ID,
-  DOCUMENTATION_FATAL_ERROR_LINK,
-  storeOptions,
-  FULL_RUN_TRIGGERS,
-  STATUS_TYPE_ID_COMPONENT_TEST,
-  STATUS_TYPE_ID_A11Y
-};

package/dist/_browser-chunks/chunk-JK72E6FR.js

@@ -1,6 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-export {
-  __name
-};

package/dist/_node-chunks/chunk-4TORVAZH.js

@@ -1,105 +0,0 @@
-import CJS_COMPAT_NODE_URL_6xsmo987rp5 from 'node:url';
-import CJS_COMPAT_NODE_PATH_6xsmo987rp5 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6xsmo987rp5 from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_6xsmo987rp5.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6xsmo987rp5.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6xsmo987rp5.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-
-// ../../core/src/component-testing/constants.ts
-var ADDON_ID = "storybook/interactions";
-var PANEL_ID = `${ADDON_ID}/panel`;
-var DOCUMENTATION_LINK = "writing-tests/integrations/vitest-addon";
-var DOCUMENTATION_DISCREPANCY_LINK = `${DOCUMENTATION_LINK}#what-happens-when-there-are-different-test-results-in-multiple-environments`;
-
-// ../a11y/src/constants.ts
-var ADDON_ID2 = "storybook/a11y";
-var PANEL_ID2 = `${ADDON_ID2}/panel`;
-var UI_STATE_ID = `${ADDON_ID2}/ui`;
-var RESULT = `${ADDON_ID2}/result`;
-var REQUEST = `${ADDON_ID2}/request`;
-var RUNNING = `${ADDON_ID2}/running`;
-var ERROR = `${ADDON_ID2}/error`;
-var MANUAL = `${ADDON_ID2}/manual`;
-var SELECT = `${ADDON_ID2}/select`;
-var DOCUMENTATION_LINK2 = "writing-tests/accessibility-testing";
-var DOCUMENTATION_DISCREPANCY_LINK2 = `${DOCUMENTATION_LINK2}#why-are-my-tests-failing-in-different-environments`;
-
-// src/constants.ts
-var ADDON_ID3 = "storybook/test";
-var TEST_PROVIDER_ID = `${ADDON_ID3}/test-provider`;
-var STORYBOOK_ADDON_TEST_CHANNEL = "STORYBOOK_ADDON_TEST_CHANNEL";
-var DOCUMENTATION_LINK3 = "writing-tests/integrations/vitest-addon";
-var DOCUMENTATION_FATAL_ERROR_LINK = `${DOCUMENTATION_LINK3}#what-happens-if-vitest-itself-has-an-error`;
-var COVERAGE_DIRECTORY = "coverage";
-var SUPPORTED_FRAMEWORKS = [
-  "@storybook/nextjs",
-  "@storybook/nextjs-vite",
-  "@storybook/react-vite",
-  "@storybook/preact-vite",
-  "@storybook/svelte-vite",
-  "@storybook/vue3-vite",
-  "@storybook/html-vite",
-  "@storybook/web-components-vite",
-  "@storybook/sveltekit",
-  "@storybook/react-native-web-vite"
-];
-var storeOptions = {
-  id: ADDON_ID3,
-  initialState: {
-    config: {
-      coverage: false,
-      a11y: false
-    },
-    watching: false,
-    cancelling: false,
-    fatalError: void 0,
-    indexUrl: void 0,
-    previewAnnotations: [],
-    currentRun: {
-      triggeredBy: void 0,
-      config: {
-        coverage: false,
-        a11y: false
-      },
-      componentTestCount: {
-        success: 0,
-        error: 0
-      },
-      a11yCount: {
-        success: 0,
-        warning: 0,
-        error: 0
-      },
-      storyIds: void 0,
-      totalTestCount: void 0,
-      startedAt: void 0,
-      finishedAt: void 0,
-      unhandledErrors: [],
-      coverageSummary: void 0
-    }
-  }
-};
-var STORE_CHANNEL_EVENT_NAME = `UNIVERSAL_STORE:${storeOptions.id}`;
-var STATUS_STORE_CHANNEL_EVENT_NAME = "UNIVERSAL_STORE:storybook/status";
-var TEST_PROVIDER_STORE_CHANNEL_EVENT_NAME = "UNIVERSAL_STORE:storybook/test-provider";
-var STATUS_TYPE_ID_COMPONENT_TEST = "storybook/component-test";
-var STATUS_TYPE_ID_A11Y = "storybook/a11y";
-
-export {
-  ADDON_ID3 as ADDON_ID,
-  STORYBOOK_ADDON_TEST_CHANNEL,
-  DOCUMENTATION_LINK3 as DOCUMENTATION_LINK,
-  COVERAGE_DIRECTORY,
-  SUPPORTED_FRAMEWORKS,
-  storeOptions,
-  STORE_CHANNEL_EVENT_NAME,
-  STATUS_STORE_CHANNEL_EVENT_NAME,
-  TEST_PROVIDER_STORE_CHANNEL_EVENT_NAME,
-  STATUS_TYPE_ID_COMPONENT_TEST,
-  STATUS_TYPE_ID_A11Y
-};

package/dist/_node-chunks/chunk-6Q62BC44.js

@@ -1,37 +0,0 @@
-import CJS_COMPAT_NODE_URL_6xsmo987rp5 from 'node:url';
-import CJS_COMPAT_NODE_PATH_6xsmo987rp5 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6xsmo987rp5 from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_6xsmo987rp5.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6xsmo987rp5.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6xsmo987rp5.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-import {
-  ADDON_ID
-} from "./chunk-4TORVAZH.js";
-import {
-  require_picocolors
-} from "./chunk-WMX7UISE.js";
-import {
-  __name,
-  __toESM
-} from "./chunk-W5CYX7PP.js";
-
-// src/logger.ts
-var import_picocolors = __toESM(require_picocolors(), 1);
-var log = /* @__PURE__ */ __name((message) => {
-  console.log(`${import_picocolors.default.magenta(ADDON_ID)}: ${message.toString().trim()}`);
-}, "log");
-
-// ../../node_modules/es-toolkit/dist/function/noop.mjs
-function noop() {
-}
-__name(noop, "noop");
-
-export {
-  noop,
-  log
-};

package/dist/_node-chunks/chunk-EQRHHTTK.js

@@ -1,98 +0,0 @@
-import CJS_COMPAT_NODE_URL_6xsmo987rp5 from 'node:url';
-import CJS_COMPAT_NODE_PATH_6xsmo987rp5 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_6xsmo987rp5 from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_6xsmo987rp5.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_6xsmo987rp5.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_6xsmo987rp5.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-import {
-  __name
-} from "./chunk-W5CYX7PP.js";
-
-// src/utils.ts
-function getAddonNames(mainConfig) {
-  const addons = mainConfig.addons || [];
-  const addonList = addons.map((addon) => {
-    let name = "";
-    if (typeof addon === "string") {
-      name = addon;
-    } else if (typeof addon === "object") {
-      name = addon.name;
-    }
-    return name;
-  });
-  return addonList.filter((item) => item != null);
-}
-__name(getAddonNames, "getAddonNames");
-function errorToErrorLike(error) {
-  return {
-    message: error.message,
-    name: error.name,
-    // avoid duplicating the error message in the stack trace
-    stack: error.stack?.replace(error.message, ""),
-    cause: error.cause && error.cause instanceof Error ? errorToErrorLike(error.cause) : void 0
-  };
-}
-__name(errorToErrorLike, "errorToErrorLike");
-
-// ../../node_modules/empathic/find.mjs
-import { join as join2 } from "node:path";
-import { existsSync, statSync } from "node:fs";
-
-// ../../node_modules/empathic/walk.mjs
-import { dirname } from "node:path";
-
-// ../../node_modules/empathic/resolve.mjs
-import { isAbsolute, join, resolve } from "node:path";
-function absolute(input, root) {
-  return isAbsolute(input) ? input : resolve(root || ".", input);
-}
-__name(absolute, "absolute");
-
-// ../../node_modules/empathic/walk.mjs
-function up(base, options) {
-  let { last, cwd } = options || {};
-  let tmp = absolute(base, cwd);
-  let root = absolute(last || "/", cwd);
-  let prev, arr = [];
-  while (prev !== root) {
-    arr.push(tmp);
-    tmp = dirname(prev = tmp);
-    if (tmp === prev) break;
-  }
-  return arr;
-}
-__name(up, "up");
-
-// ../../node_modules/empathic/find.mjs
-function up2(name, options) {
-  let dir, tmp;
-  let start = options && options.cwd || "";
-  for (dir of up(start, options)) {
-    tmp = join2(dir, name);
-    if (existsSync(tmp)) return tmp;
-  }
-}
-__name(up2, "up");
-function any(names, options) {
-  let dir, start = options && options.cwd || "";
-  let j = 0, len = names.length, tmp;
-  for (dir of up(start, options)) {
-    for (j = 0; j < len; j++) {
-      tmp = join2(dir, names[j]);
-      if (existsSync(tmp)) return tmp;
-    }
-  }
-}
-__name(any, "any");
-
-export {
-  getAddonNames,
-  errorToErrorLike,
-  up2 as up,
-  any
-};