@storybook/addon-vitest 0.0.0-pr-32795-sha-f0ac445c → 0.0.0-pr-32717-sha-b8c5e103

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

@@ -1,25 +1,31 @@
 import {
   PANEL_ID
-} from "../_browser-chunks/chunk-ULSHVN74.js";
+} from "../_browser-chunks/chunk-RPDOPHZX.js";
+import {
+  __name
+} from "../_browser-chunks/chunk-JK72E6FR.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 = ({ task }) => {
-  let meta = task.meta;
+var modifyErrorMessage = /* @__PURE__ */ __name(({ task }) => {
+  const meta = task.meta;
   if (task.type === "test" && task.result?.state === "fail" && meta.storyId && task.result.errors?.[0]) {
-    let currentError = task.result.errors[0], storyUrl = `${import.meta.env.__STORYBOOK_URL__}/?path=/story/${meta.storyId}&addonPanel=${PANEL_ID}`;
+    const currentError = task.result.errors[0];
+    const storybookUrl = import.meta.env.__STORYBOOK_URL__;
+    const storyUrl = `${storybookUrl}/?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,3 +1,7 @@
+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";
@@ -9,59 +13,95 @@ import { MINIMAL_VIEWPORTS } from "storybook/viewport";
 var DEFAULT_VIEWPORT_DIMENSIONS = {
   width: 1200,
   height: 900
-}, 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))
+};
+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)) {
     return Number.parseInt(value, 10);
-  if (percentagePattern.test(value)) {
-    let percentageValue = parseFloat(value) / 100;
+  } else if (percentagePattern.test(value)) {
+    const percentageValue = parseFloat(value) / 100;
     return Math.round(DEFAULT_VIEWPORT_DIMENSIONS[dimension] * percentageValue);
   } else if (vwPattern.test(value)) {
-    let vwValue = parseFloat(value) / 100;
+    const vwValue = parseFloat(value) / 100;
     return Math.round(DEFAULT_VIEWPORT_DIMENSIONS.width * vwValue);
   } else if (vhPattern.test(value)) {
-    let vhValue = parseFloat(value) / 100;
+    const 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 });
   }
-}, 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(() => ({
+}, "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(() => ({
     page: null
   }));
-  if (!page || !globalThis.__vitest_browser__)
+  if (!page || !globalThis.__vitest_browser__) {
     return;
-  let options = {
+  }
+  const options = {
     ...MINIMAL_VIEWPORTS,
     ...viewportsParam.viewports,
     ...viewportsParam.options
-  }, viewportWidth = DEFAULT_VIEWPORT_DIMENSIONS.width, viewportHeight = DEFAULT_VIEWPORT_DIMENSIONS.height;
+  };
+  let viewportWidth = DEFAULT_VIEWPORT_DIMENSIONS.width;
+  let viewportHeight = DEFAULT_VIEWPORT_DIMENSIONS.height;
   if (defaultViewport && defaultViewport in options) {
-    let { styles } = options[defaultViewport];
+    const { styles } = options[defaultViewport];
     if (styles?.width && styles?.height) {
-      let { width, height } = styles;
-      viewportWidth = parseDimension(width, "width"), viewportHeight = parseDimension(height, "height");
+      const { 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, 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;
-};
+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");
 export {
   convertToFilePath,
   testStory

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-vitest",
-  "version": "0.0.0-pr-32795-sha-f0ac445c",
+  "version": "0.0.0-pr-32717-sha-b8c5e103",
   "description": "Storybook Vitest addon: Blazing fast component testing using stories",
   "keywords": [
     "storybook",
@@ -73,9 +73,7 @@
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/icons": "^2.0.0",
-    "prompts": "^2.4.0",
-    "ts-dedent": "^2.2.0"
+    "@storybook/icons": "^1.6.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": "^0.0.0-pr-32795-sha-f0ac445c",
+    "storybook": "^0.0.0-pr-32717-sha-b8c5e103",
     "vitest": "^3.0.0 || ^4.0.0"
   },
   "peerDependenciesMeta": {

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

@@ -1,60 +0,0 @@
-// ../../core/src/component-testing/constants.ts
-var ADDON_ID = "storybook/interactions", PANEL_ID = `${ADDON_ID}/panel`, DOCUMENTATION_LINK = "writing-tests/integrations/vitest-addon", 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", PANEL_ID2 = `${ADDON_ID2}/panel`;
-var UI_STATE_ID = `${ADDON_ID2}/ui`, RESULT = `${ADDON_ID2}/result`, REQUEST = `${ADDON_ID2}/request`, RUNNING = `${ADDON_ID2}/running`, ERROR = `${ADDON_ID2}/error`, MANUAL = `${ADDON_ID2}/manual`, SELECT = `${ADDON_ID2}/select`, DOCUMENTATION_LINK2 = "writing-tests/accessibility-testing", DOCUMENTATION_DISCREPANCY_LINK2 = `${DOCUMENTATION_LINK2}#why-are-my-tests-failing-in-different-environments`;
-
-// src/constants.ts
-var ADDON_ID3 = "storybook/test", TEST_PROVIDER_ID = `${ADDON_ID3}/test-provider`;
-var DOCUMENTATION_LINK3 = "writing-tests/integrations/vitest-addon", DOCUMENTATION_FATAL_ERROR_LINK = `${DOCUMENTATION_LINK3}#what-happens-if-vitest-itself-has-an-error`;
-var storeOptions = {
-  id: ADDON_ID3,
-  initialState: {
-    config: {
-      coverage: !1,
-      a11y: !1
-    },
-    watching: !1,
-    cancelling: !1,
-    fatalError: void 0,
-    indexUrl: void 0,
-    previewAnnotations: [],
-    currentRun: {
-      triggeredBy: void 0,
-      config: {
-        coverage: !1,
-        a11y: !1
-      },
-      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
-    }
-  }
-}, FULL_RUN_TRIGGERS = ["global", "run-all"], STORE_CHANNEL_EVENT_NAME = `UNIVERSAL_STORE:${storeOptions.id}`;
-var STATUS_TYPE_ID_COMPONENT_TEST = "storybook/component-test", 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
-};