@storybook/addon-vitest 0.0.0-pr-32412-sha-4e0feb24 → 0.0.0-pr-32458-sha-a8934fc9

package/dist/manager.js

@@ -37,8 +37,8 @@ import { addons as addons2 } from "storybook/manager-api";
 
 // src/components/GlobalErrorModal.tsx
 import React, { useContext } from "react";
-import { Button, IconButton, Modal } from "storybook/internal/components";
-import { CloseIcon, SyncIcon } from "@storybook/icons";
+import { Button, Modal } from "storybook/internal/components";
+import { SyncIcon } from "@storybook/icons";
 import { useStorybookApi } from "storybook/manager-api";
 import { styled } from "storybook/theming";
 var ModalBar = styled.div({
@@ -85,7 +85,6 @@ __name(ErrorCause, "ErrorCause");
 function GlobalErrorModal({ onRerun, storeState }) {
   const api = useStorybookApi();
   const { isModalOpen, setModalOpen } = useContext(GlobalErrorContext);
-  const handleClose = /* @__PURE__ */ __name(() => setModalOpen?.(false), "handleClose");
   const troubleshootURL = api.getDocsUrl({
     subpath: DOCUMENTATION_FATAL_ERROR_LINK,
     versioned: true,
@@ -96,7 +95,7 @@ function GlobalErrorModal({ onRerun, storeState }) {
     currentRun: { unhandledErrors }
   } = storeState;
   const content = fatalError ? React.createElement(React.Fragment, null, React.createElement("p", null, fatalError.error.name || "Error"), fatalError.message && React.createElement("p", null, fatalError.message), fatalError.error.message && React.createElement("p", null, fatalError.error.message), fatalError.error.stack && React.createElement("p", null, fatalError.error.stack), fatalError.error.cause && React.createElement(ErrorCause, { error: fatalError.error.cause })) : unhandledErrors.length > 0 ? React.createElement("ol", null, unhandledErrors.map((error) => React.createElement("li", { key: error.name + error.message }, React.createElement("p", null, error.name, ": ", error.message), error.VITEST_TEST_PATH && React.createElement("p", null, 'This error originated in "', React.createElement("b", null, error.VITEST_TEST_PATH), `". It doesn't mean the error was thrown inside the file itself, but while it was running.`), error.VITEST_TEST_NAME && React.createElement(React.Fragment, null, React.createElement("p", null, `The latest test that might've caused the error is "`, React.createElement("b", null, error.VITEST_TEST_NAME), '". It might mean one of the following:'), React.createElement("ul", null, React.createElement("li", null, "The error was thrown, while Vitest was running this test."), React.createElement("li", null, "If the error occurred after the test had been completed, this was the last documented test before it was thrown."))), error.stacks && React.createElement(React.Fragment, null, React.createElement("p", null, React.createElement("b", null, "Stacks:")), React.createElement("ul", null, error.stacks.map((stack) => React.createElement("li", { key: stack.file + stack.line + stack.column }, stack.file, ":", stack.line, ":", stack.column, " - ", stack.method || "unknown method")))), error.stack && React.createElement("p", null, error.stack), error.cause ? React.createElement(ErrorCause, { error: error.cause }) : null))) : null;
-  return React.createElement(Modal, { onEscapeKeyDown: handleClose, onInteractOutside: handleClose, open: isModalOpen }, React.createElement(ModalBar, null, React.createElement(ModalTitle, null, "Storybook Tests error details"), React.createElement(ModalActionBar, null, React.createElement(Button, { onClick: onRerun, variant: "ghost" }, React.createElement(SyncIcon, null), "Rerun"), React.createElement(Button, { variant: "ghost", asChild: true }, React.createElement("a", { target: "_blank", href: troubleshootURL, rel: "noreferrer" }, "Troubleshoot")), React.createElement(IconButton, { onClick: handleClose, "aria-label": "Close modal" }, React.createElement(CloseIcon, null)))), React.createElement(ModalStackTrace, null, content, React.createElement("br", null), React.createElement("br", null), "Troubleshoot:", " ", React.createElement(TroubleshootLink, { target: "_blank", href: troubleshootURL }, troubleshootURL)));
+  return React.createElement(Modal, { ariaLabel: "Storybook Tests error details", onOpenChange: setModalOpen, open: isModalOpen }, React.createElement(ModalBar, null, React.createElement(ModalTitle, null, "Storybook Tests error details"), React.createElement(ModalActionBar, null, React.createElement(Button, { onClick: onRerun, variant: "ghost", ariaLabel: false }, React.createElement(SyncIcon, null), "Rerun"), React.createElement(Button, { variant: "ghost", ariaLabel: false, asChild: true }, React.createElement("a", { target: "_blank", href: troubleshootURL, rel: "noreferrer" }, "Troubleshoot")), React.createElement(Modal.Close, null))), React.createElement(ModalStackTrace, null, content, React.createElement("br", null), React.createElement("br", null), "Troubleshoot:", " ", React.createElement(TroubleshootLink, { target: "_blank", href: troubleshootURL }, troubleshootURL)));
 }
 __name(GlobalErrorModal, "GlobalErrorModal");
 
@@ -434,12 +433,11 @@ var useTestProvider = /* @__PURE__ */ __name((api, entryId) => {
 // src/components/TestProviderRender.tsx
 import React3 from "react";
 import {
+  Button as Button2,
   Form,
-  IconButton as IconButton2,
   ListItem,
   ProgressSpinner,
-  TooltipNote,
-  WithTooltip
+  ToggleButton
 } from "storybook/internal/components";
 import { EyeIcon, InfoIcon, PlayHollowIcon, StopAltIcon } from "@storybook/icons";
 import { addons } from "storybook/manager-api";
@@ -552,8 +550,8 @@ var TestStatusIcon = styled3.div(
     "--status-background": `${theme.color.defaultText}66`
   },
   ({ status, theme }) => status === "unknown" && {
-    "--status-color": theme.color.mediumdark,
-    "--status-background": `${theme.color.mediumdark}66`
+    "--status-color": theme.textMutedColor,
+    "--status-background": `${theme.textMutedColor}66`
   }
 );
 
@@ -642,76 +640,61 @@ var TestProviderRender = /* @__PURE__ */ __name(({
       isSettingsUpdated
     }
   )), React3.createElement(Actions, null, !entry && React3.createElement(
-    WithTooltip,
+    ToggleButton,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(TooltipNote, { note: `${watching ? "Disable" : "Enable"} watch mode` })
+      ariaLabel: isRunning ? "Watch mode (cannot toggle while running)" : "Watch mode",
+      tooltip: isRunning ? "Watch mode unavailable while running" : `Watch mode is ${watching ? "enabled" : "disabled"}`,
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      pressed: watching,
+      onClick: () => store.send({
+        type: "TOGGLE_WATCHING",
+        payload: {
+          to: !watching
+        }
+      }),
+      disabled: isRunning
     },
-    React3.createElement(
-      IconButton2,
-      {
-        "aria-label": `${watching ? "Disable" : "Enable"} watch mode`,
-        size: "medium",
-        active: watching,
-        onClick: () => store.send({
-          type: "TOGGLE_WATCHING",
-          payload: {
-            to: !watching
-          }
-        }),
-        disabled: isRunning
-      },
-      React3.createElement(EyeIcon, null)
-    )
+    React3.createElement(EyeIcon, null)
   ), isRunning ? React3.createElement(
-    WithTooltip,
+    Button2,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(TooltipNote, { note: cancelling ? "Stopping..." : "Stop test run" })
+      ariaLabel: cancelling ? "Stop test run (already stopping...)" : "Stop test run",
+      padding: "none",
+      size: "medium",
+      variant: "ghost",
+      onClick: () => store.send({
+        type: "CANCEL_RUN"
+      }),
+      disabled: cancelling || isStarting
     },
     React3.createElement(
-      IconButton2,
+      Progress,
       {
-        "aria-label": cancelling ? "Stopping..." : "Stop test run",
-        padding: "none",
-        size: "medium",
-        onClick: () => store.send({
-          type: "CANCEL_RUN"
-        }),
-        disabled: cancelling || isStarting
+        percentage: finishedTestCount && storeState.currentRun.totalTestCount ? finishedTestCount / storeState.currentRun.totalTestCount * 100 : void 0
       },
-      React3.createElement(
-        Progress,
-        {
-          percentage: finishedTestCount && storeState.currentRun.totalTestCount ? finishedTestCount / storeState.currentRun.totalTestCount * 100 : void 0
-        },
-        React3.createElement(StopIcon, null)
-      )
+      React3.createElement(StopIcon, null)
     )
   ) : React3.createElement(
-    WithTooltip,
+    Button2,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(TooltipNote, { note: "Start test run" })
-    },
-    React3.createElement(
-      IconButton2,
-      {
-        "aria-label": "Start test run",
-        size: "medium",
-        onClick: () => store.send({
+      ariaLabel: "Start test run",
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      onClick: () => {
+        let storyIds;
+        if (entry) {
+          storyIds = entry.type === "story" ? [entry.id] : api.findAllLeafStoryIds(entry.id);
+        }
+        store.send({
           type: "TRIGGER_RUN",
-          payload: {
-            storyIds: entry ? api.findAllLeafStoryIds(entry.id) : void 0,
-            triggeredBy: entry ? entry.type : "global"
-          }
-        })
-      },
-      React3.createElement(PlayHollowIcon, null)
-    )
+          payload: { storyIds, triggeredBy: entry?.type ?? "global" }
+        });
+      }
+    },
+    React3.createElement(PlayHollowIcon, null)
   ))), React3.createElement(Extras, null, React3.createElement(Row, null, React3.createElement(
     ListItem,
     {
@@ -720,35 +703,24 @@ var TestProviderRender = /* @__PURE__ */ __name(({
       icon: entry ? null : React3.createElement(Form.Checkbox, { checked: true, disabled: true })
     }
   ), React3.createElement(
-    WithTooltip,
+    Button2,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(TooltipNote, { note: componentTestStatusLabel })
+      ariaLabel: `${componentTestStatusLabel}${componentTestStatusValueToStoryIds["status-value:error"].length + componentTestStatusValueToStoryIds["status-value:warning"].length > 0 ? ` (${componentTestStatusValueToStoryIds["status-value:error"].length + componentTestStatusValueToStoryIds["status-value:warning"].length} errors or warnings so far)` : ""}`,
+      tooltip: componentTestStatusLabel,
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      disabled: componentTestStatusValueToStoryIds["status-value:error"].length === 0 && componentTestStatusValueToStoryIds["status-value:warning"].length === 0 && componentTestStatusValueToStoryIds["status-value:success"].length === 0,
+      onClick: () => {
+        openPanel({
+          api,
+          panelId: PANEL_ID,
+          entryId: componentTestStatusValueToStoryIds["status-value:error"][0] ?? componentTestStatusValueToStoryIds["status-value:warning"][0] ?? componentTestStatusValueToStoryIds["status-value:success"][0] ?? entry?.id
+        });
+      }
     },
-    React3.createElement(
-      IconButton2,
-      {
-        size: "medium",
-        disabled: componentTestStatusValueToStoryIds["status-value:error"].length === 0 && componentTestStatusValueToStoryIds["status-value:warning"].length === 0 && componentTestStatusValueToStoryIds["status-value:success"].length === 0,
-        onClick: () => {
-          openPanel({
-            api,
-            panelId: PANEL_ID,
-            entryId: componentTestStatusValueToStoryIds["status-value:error"][0] ?? componentTestStatusValueToStoryIds["status-value:warning"][0] ?? componentTestStatusValueToStoryIds["status-value:success"][0] ?? entry?.id
-          });
-        }
-      },
-      React3.createElement(
-        TestStatusIcon,
-        {
-          status: componentTestStatusIcon,
-          "aria-label": componentTestStatusLabel,
-          isRunning
-        }
-      ),
-      componentTestStatusValueToStoryIds["status-value:error"].length + componentTestStatusValueToStoryIds["status-value:warning"].length || null
-    )
+    React3.createElement(TestStatusIcon, { status: componentTestStatusIcon, isRunning }),
+    componentTestStatusValueToStoryIds["status-value:error"].length + componentTestStatusValueToStoryIds["status-value:warning"].length || null
   )), !entry && React3.createElement(Row, null, React3.createElement(
     ListItem,
     {
@@ -766,39 +738,53 @@ var TestProviderRender = /* @__PURE__ */ __name(({
         }
       )
     }
-  ), React3.createElement(
-    WithTooltip,
+  ), watching || currentRun.triggeredBy && !FULL_RUN_TRIGGERS.includes(currentRun.triggeredBy) ? React3.createElement(
+    Button2,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(
-        TooltipNote,
-        {
-          note: watching ? "Unavailable in watch mode" : currentRun.triggeredBy && !FULL_RUN_TRIGGERS.includes(currentRun.triggeredBy) ? "Unavailable when running focused tests" : isRunning ? "Testing in progress" : currentRun.coverageSummary ? "View coverage report" : fatalError ? "Component tests crashed" : "Run tests to calculate coverage"
-        }
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      disabled: true,
+      ariaLabel: watching ? `Coverage unavailable in watch mode` : `Coverage unavailable when running focused tests`
+    },
+    React3.createElement(InfoIcon, null)
+  ) : currentRun.coverageSummary ? React3.createElement(
+    Button2,
+    {
+      asChild: true,
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      ariaLabel: (
+        // FIXME: I can't deduce from the original tooltip logic whether this use case
+        // is logically possible or not. It is a reachable conditional branch in the original code.
+        isRunning ? "Open coverage report (testing still in progress)" : `Open coverage report (${currentRun.coverageSummary.percentage}% coverage)`
       )
     },
-    watching || currentRun.triggeredBy && !FULL_RUN_TRIGGERS.includes(currentRun.triggeredBy) ? React3.createElement(IconButton2, { size: "medium", disabled: true }, React3.createElement(
-      InfoIcon,
-      {
-        "aria-label": watching ? `Coverage is unavailable in watch mode` : `Coverage is unavailable when running focused tests`
-      }
-    )) : currentRun.coverageSummary ? React3.createElement(IconButton2, { asChild: true, size: "medium" }, React3.createElement("a", { href: "/coverage/index.html", target: "_blank", "aria-label": "Open coverage report" }, React3.createElement(
+    React3.createElement("a", { href: "/coverage/index.html", target: "_blank" }, React3.createElement(
       TestStatusIcon,
       {
         isRunning,
         percentage: currentRun.coverageSummary.percentage,
-        status: currentRun.coverageSummary.status,
-        "aria-label": `Coverage status: ${currentRun.coverageSummary.status}`
+        status: currentRun.coverageSummary.status
       }
-    ), React3.createElement("span", { "aria-label": `${currentRun.coverageSummary.percentage} percent coverage` }, currentRun.coverageSummary.percentage, "%"))) : React3.createElement(IconButton2, { size: "medium", disabled: true }, React3.createElement(
+    ), currentRun.coverageSummary.percentage, "%")
+  ) : React3.createElement(
+    Button2,
+    {
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      disabled: true,
+      ariaLabel: isRunning ? "Coverage unavailable, testing still in progress" : fatalError ? "Coverage unavailable, component tests crashed" : "Coverage unavailable, run tests first"
+    },
+    React3.createElement(
       TestStatusIcon,
       {
         isRunning,
-        status: fatalError ? "critical" : "unknown",
-        "aria-label": "Coverage status: unknown"
+        status: fatalError ? "critical" : "unknown"
       }
-    ))
+    )
   )), hasA11yAddon && React3.createElement(Row, null, React3.createElement(
     ListItem,
     {
@@ -817,35 +803,23 @@ var TestProviderRender = /* @__PURE__ */ __name(({
       )
     }
   ), React3.createElement(
-    WithTooltip,
+    Button2,
     {
-      hasChrome: false,
-      trigger: "hover",
-      tooltip: React3.createElement(TooltipNote, { note: a11yStatusLabel })
+      ariaLabel: a11yStatusLabel,
+      padding: "small",
+      size: "medium",
+      variant: "ghost",
+      disabled: a11yStatusValueToStoryIds["status-value:error"].length === 0 && a11yStatusValueToStoryIds["status-value:warning"].length === 0 && a11yStatusValueToStoryIds["status-value:success"].length === 0,
+      onClick: () => {
+        openPanel({
+          api,
+          entryId: a11yStatusValueToStoryIds["status-value:error"][0] ?? a11yStatusValueToStoryIds["status-value:warning"][0] ?? a11yStatusValueToStoryIds["status-value:success"][0] ?? entry?.id,
+          panelId: PANEL_ID2
+        });
+      }
     },
-    React3.createElement(
-      IconButton2,
-      {
-        size: "medium",
-        disabled: a11yStatusValueToStoryIds["status-value:error"].length === 0 && a11yStatusValueToStoryIds["status-value:warning"].length === 0 && a11yStatusValueToStoryIds["status-value:success"].length === 0,
-        onClick: () => {
-          openPanel({
-            api,
-            entryId: a11yStatusValueToStoryIds["status-value:error"][0] ?? a11yStatusValueToStoryIds["status-value:warning"][0] ?? a11yStatusValueToStoryIds["status-value:success"][0] ?? entry?.id,
-            panelId: PANEL_ID2
-          });
-        }
-      },
-      React3.createElement(
-        TestStatusIcon,
-        {
-          status: a11yStatusIcon,
-          "aria-label": a11yStatusLabel,
-          isRunning
-        }
-      ),
-      a11yStatusValueToStoryIds["status-value:error"].length + a11yStatusValueToStoryIds["status-value:warning"].length || null
-    )
+    React3.createElement(TestStatusIcon, { status: a11yStatusIcon, isRunning }),
+    a11yStatusValueToStoryIds["status-value:error"].length + a11yStatusValueToStoryIds["status-value:warning"].length || null
   ))));
 }, "TestProviderRender");
 

package/dist/node/coverage-reporter.js

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_tr2v1yz0ftg from 'node:url';
-import CJS_COMPAT_NODE_PATH_tr2v1yz0ftg from 'node:path';
-import CJS_COMPAT_NODE_MODULE_tr2v1yz0ftg from "node:module";
+import CJS_COMPAT_NODE_URL_5w076g95rck from 'node:url';
+import CJS_COMPAT_NODE_PATH_5w076g95rck from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5w076g95rck from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_tr2v1yz0ftg.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_tr2v1yz0ftg.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_tr2v1yz0ftg.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5w076g95rck.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5w076g95rck.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5w076g95rck.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   require_gte
-} from "../_node-chunks/chunk-UJYZKRFO.js";
+} from "../_node-chunks/chunk-XC3FDNT2.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-X2ZIL2ID.js";
+} from "../_node-chunks/chunk-E3O3SZWH.js";
 
 // ../../node_modules/istanbul-lib-report/node_modules/make-dir/index.js
 var require_make_dir = __commonJS({

package/dist/node/vitest.js

@@ -1,38 +1,38 @@
-import CJS_COMPAT_NODE_URL_tr2v1yz0ftg from 'node:url';
-import CJS_COMPAT_NODE_PATH_tr2v1yz0ftg from 'node:path';
-import CJS_COMPAT_NODE_MODULE_tr2v1yz0ftg from "node:module";
+import CJS_COMPAT_NODE_URL_5w076g95rck from 'node:url';
+import CJS_COMPAT_NODE_PATH_5w076g95rck from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5w076g95rck from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_tr2v1yz0ftg.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_tr2v1yz0ftg.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_tr2v1yz0ftg.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5w076g95rck.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5w076g95rck.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5w076g95rck.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   log
-} from "../_node-chunks/chunk-Y3DMC4DM.js";
+} from "../_node-chunks/chunk-T4BKNWFR.js";
 import {
-  errorToErrorLike,
-  findUp
-} from "../_node-chunks/chunk-YZ45VJKW.js";
+  any,
+  errorToErrorLike
+} from "../_node-chunks/chunk-NTCNCRSX.js";
 import {
   ADDON_ID,
   COVERAGE_DIRECTORY,
   STATUS_TYPE_ID_A11Y,
   STATUS_TYPE_ID_COMPONENT_TEST,
   storeOptions
-} from "../_node-chunks/chunk-OZHW4RTJ.js";
-import "../_node-chunks/chunk-N34KX3CN.js";
+} from "../_node-chunks/chunk-3USXLZ32.js";
+import "../_node-chunks/chunk-226MMIJW.js";
 import {
   dirname,
   join,
   normalize,
   path
-} from "../_node-chunks/chunk-MHB2QQK5.js";
+} from "../_node-chunks/chunk-T4U7VHZY.js";
 import {
   __name
-} from "../_node-chunks/chunk-X2ZIL2ID.js";
+} from "../_node-chunks/chunk-E3O3SZWH.js";
 
 // src/node/vitest.ts
 import process2 from "node:process";
@@ -84,7 +84,6 @@ function debounce(func, debounceMs, { signal, edges } = {}) {
     pendingArgs = null;
   }, "cancel");
   const flush = /* @__PURE__ */ __name(() => {
-    cancelTimer();
     invoke();
   }, "flush");
   const debounced = /* @__PURE__ */ __name(function(...args) {
@@ -243,6 +242,8 @@ var StorybookReporter = class {
 var VITEST_CONFIG_FILE_EXTENSIONS = ["mts", "mjs", "cts", "cjs", "ts", "tsx", "js", "jsx"];
 var VITEST_WORKSPACE_FILE_EXTENSION = ["ts", "js", "json"];
 process.env.VITEST_STORYBOOK = "true";
+var DOUBLE_SPACES = "  ";
+var getTestName = /* @__PURE__ */ __name((name) => `${name}${DOUBLE_SPACES}`, "getTestName");
 var VitestManager = class {
   constructor(testManager) {
     this.testManager = testManager;
@@ -271,12 +272,12 @@ var VitestManager = class {
       reporter: [["html", {}], storybookCoverageReporter],
       reportsDirectory: resolvePathInStorybookCache(COVERAGE_DIRECTORY)
     } : { enabled: false };
-    const vitestWorkspaceConfig = await findUp(
+    const vitestWorkspaceConfig = any(
       [
         ...VITEST_WORKSPACE_FILE_EXTENSION.map((ext) => `vitest.workspace.${ext}`),
         ...VITEST_CONFIG_FILE_EXTENSIONS.map((ext) => `vitest.config.${ext}`)
       ],
-      { stopAt: getProjectRoot() }
+      { last: getProjectRoot() }
     );
     const projectName = "storybook:" + process.env.STORYBOOK_CONFIG_DIR;
     try {
@@ -433,16 +434,36 @@ Please install the @vitest/${coveragePackage} package to collect coverage
     this.resetGlobalTestNamePattern();
     await this.cancelCurrentRun();
     const testSpecifications = await this.getStorybookTestSpecifications();
-    const stories = await this.fetchStories(runPayload?.storyIds);
+    const allStories = await this.fetchStories();
+    const filteredStories = runPayload.storyIds ? allStories.filter((story) => runPayload.storyIds?.includes(story.id)) : allStories;
     const isSingleStoryRun = runPayload.storyIds?.length === 1;
     if (isSingleStoryRun) {
-      const storyName = stories[0].name;
-      const regex = new RegExp(`^${storyName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}$`);
+      const selectedStory = filteredStories.find((story) => story.id === runPayload.storyIds?.[0]);
+      if (!selectedStory) {
+        throw new Error(`Story ${runPayload.storyIds?.[0]} not found`);
+      }
+      const storyName = selectedStory.name;
+      let regex;
+      const isParentStory = allStories.some((story) => selectedStory.id === story.parent);
+      const hasParentStory = allStories.some((story) => selectedStory.parent === story.id);
+      if (isParentStory) {
+        const parentName = getTestName(selectedStory.name);
+        regex = new RegExp(`^${parentName}`);
+      } else if (hasParentStory) {
+        const parentStory = allStories.find((story) => story.id === selectedStory.parent);
+        if (!parentStory) {
+          throw new Error(`Parent story not found for story ${selectedStory.id}`);
+        }
+        const parentName = getTestName(parentStory.name);
+        regex = new RegExp(`^${parentName} ${storyName}$`);
+      } else {
+        regex = new RegExp(`^${storyName}$`);
+      }
       this.vitest.setGlobalTestNamePattern(regex);
     }
     const { filteredTestSpecifications, filteredStoryIds } = this.filterTestSpecifications(
       testSpecifications,
-      stories
+      filteredStories
     );
     this.testManager.store.setState((s) => ({
       ...s,

package/dist/postinstall.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_tr2v1yz0ftg from 'node:url';
-import CJS_COMPAT_NODE_PATH_tr2v1yz0ftg from 'node:path';
-import CJS_COMPAT_NODE_MODULE_tr2v1yz0ftg from "node:module";
+import CJS_COMPAT_NODE_URL_5w076g95rck from 'node:url';
+import CJS_COMPAT_NODE_PATH_5w076g95rck from 'node:path';
+import CJS_COMPAT_NODE_MODULE_5w076g95rck from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_tr2v1yz0ftg.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_tr2v1yz0ftg.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_tr2v1yz0ftg.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_5w076g95rck.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_5w076g95rck.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_5w076g95rck.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,21 +12,22 @@ var require = CJS_COMPAT_NODE_MODULE_tr2v1yz0ftg.createRequire(import.meta.url);
 import {
   execa,
   resolvePackageDir
-} from "./_node-chunks/chunk-5HXFH4CR.js";
+} from "./_node-chunks/chunk-5IRNZM6E.js";
 import {
-  findUp,
-  getAddonNames
-} from "./_node-chunks/chunk-YZ45VJKW.js";
+  any,
+  getAddonNames,
+  up
+} from "./_node-chunks/chunk-NTCNCRSX.js";
 import {
   DOCUMENTATION_LINK,
   SUPPORTED_FRAMEWORKS
-} from "./_node-chunks/chunk-OZHW4RTJ.js";
+} from "./_node-chunks/chunk-3USXLZ32.js";
 import {
   dirname,
   join,
   relative,
   resolve
-} from "./_node-chunks/chunk-MHB2QQK5.js";
+} from "./_node-chunks/chunk-T4U7VHZY.js";
 import {
   require_compare,
   require_constants,
@@ -36,12 +37,12 @@ import {
   require_parse_options,
   require_re,
   require_semver
-} from "./_node-chunks/chunk-UJYZKRFO.js";
+} from "./_node-chunks/chunk-XC3FDNT2.js";
 import {
   __commonJS,
   __name,
   __toESM
-} from "./_node-chunks/chunk-X2ZIL2ID.js";
+} from "./_node-chunks/chunk-E3O3SZWH.js";
 
 // ../../node_modules/semver/functions/parse.js
 var require_parse = __commonJS({
@@ -1528,6 +1529,14 @@ import {
 import { experimental_loadStorybook } from "storybook/internal/core-server";
 import { readConfig, writeConfig } from "storybook/internal/csf-tools";
 import { logger as logger2 } from "storybook/internal/node-logger";
+
+// ../../node_modules/empathic/package.mjs
+function up2(options) {
+  return up("package.json", options);
+}
+__name(up2, "up");
+
+// src/postinstall.ts
 var import_semver = __toESM(require_semver2(), 1);
 import prompts from "prompts";
 import { dedent } from "ts-dedent";
@@ -1677,9 +1686,9 @@ var logErrors = /* @__PURE__ */ __name((...args) => {
   hasErrors = true;
   printError(...args);
 }, "logErrors");
-var findFile = /* @__PURE__ */ __name(async (basename, extensions = EXTENSIONS) => findUp(
+var findFile = /* @__PURE__ */ __name((basename, extensions = EXTENSIONS) => any(
   extensions.map((ext) => basename + ext),
-  { stopAt: getProjectRoot() }
+  { last: getProjectRoot() }
 ), "findFile");
 async function postInstall(options) {
   printSuccess(
@@ -1883,7 +1892,7 @@ async function postInstall(options) {
       console.error("Failed to install Playwright. Please install it manually");
     }
   }
-  const fileExtension = allDeps.typescript || await findFile("tsconfig", [...EXTENSIONS, ".json"]) ? "ts" : "js";
+  const fileExtension = allDeps.typescript || findFile("tsconfig", [...EXTENSIONS, ".json"]) ? "ts" : "js";
   const vitestSetupFile = resolve(options.configDir, `vitest.setup.${fileExtension}`);
   if (existsSync(vitestSetupFile)) {
     logErrors(
@@ -1921,10 +1930,10 @@ async function postInstall(options) {
       setProjectAnnotations([${projectAnnotations.join(", ")}]);
     `
   );
-  const vitestWorkspaceFile = await findFile("vitest.workspace", [".ts", ".js", ".json"]) || await findFile("vitest.projects", [".ts", ".js", ".json"]);
-  const viteConfigFile = await findFile("vite.config");
-  const vitestConfigFile = await findFile("vitest.config");
-  const vitestShimFile = await findFile("vitest.shims.d");
+  const vitestWorkspaceFile = findFile("vitest.workspace", [".ts", ".js", ".json"]) || findFile("vitest.projects", [".ts", ".js", ".json"]);
+  const viteConfigFile = findFile("vite.config");
+  const vitestConfigFile = findFile("vitest.config");
+  const vitestShimFile = findFile("vitest.shims.d");
   const rootConfig = vitestConfigFile || viteConfigFile;
   const browserConfig = `{
         enabled: true,
@@ -2094,9 +2103,7 @@ async function getPackageNameFromPath(input) {
   if (!isAbsolute(path)) {
     return path;
   }
-  const packageJsonPath = await findUp("package.json", {
-    cwd: path
-  });
+  const packageJsonPath = up2({ cwd: path });
   if (!packageJsonPath) {
     throw new Error(`Could not find package.json in path: ${path}`);
   }