@storybook/addon-vitest 0.0.0-pr-32458-sha-f9395070 → 0.0.0-pr-32984-sha-9ba02343

package/dist/manager.js

@@ -9,7 +9,7 @@ import {
   STATUS_TYPE_ID_COMPONENT_TEST,
   TEST_PROVIDER_ID,
   storeOptions
-} from "./_browser-chunks/chunk-CAYLRBRX.js";
+} from "./_browser-chunks/chunk-RPDOPHZX.js";
 import {
   __name
 } from "./_browser-chunks/chunk-JK72E6FR.js";
@@ -37,8 +37,8 @@ import { addons as addons2 } from "storybook/manager-api";
 
 // src/components/GlobalErrorModal.tsx
 import React, { useContext } from "react";
-import { Button, Modal } from "storybook/internal/components";
-import { SyncIcon } from "@storybook/icons";
+import { Button, IconButton, Modal } from "storybook/internal/components";
+import { CloseIcon, SyncIcon } from "@storybook/icons";
 import { useStorybookApi } from "storybook/manager-api";
 import { styled } from "storybook/theming";
 var ModalBar = styled.div({
@@ -85,6 +85,7 @@ __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,
@@ -95,7 +96,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, { 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)));
+  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)));
 }
 __name(GlobalErrorModal, "GlobalErrorModal");
 
@@ -433,11 +434,12 @@ var useTestProvider = /* @__PURE__ */ __name((api, entryId) => {
 // src/components/TestProviderRender.tsx
 import React3 from "react";
 import {
-  Button as Button2,
   Form,
+  IconButton as IconButton2,
   ListItem,
   ProgressSpinner,
-  ToggleButton
+  TooltipNote,
+  WithTooltip
 } from "storybook/internal/components";
 import { EyeIcon, InfoIcon, PlayHollowIcon, StopAltIcon } from "@storybook/icons";
 import { addons } from "storybook/manager-api";
@@ -550,8 +552,8 @@ var TestStatusIcon = styled3.div(
     "--status-background": `${theme.color.defaultText}66`
   },
   ({ status, theme }) => status === "unknown" && {
-    "--status-color": theme.textMutedColor,
-    "--status-background": `${theme.textMutedColor}66`
+    "--status-color": theme.color.mediumdark,
+    "--status-background": `${theme.color.mediumdark}66`
   }
 );
 
@@ -640,61 +642,79 @@ var TestProviderRender = /* @__PURE__ */ __name(({
       isSettingsUpdated
     }
   )), React3.createElement(Actions, null, !entry && React3.createElement(
-    ToggleButton,
+    WithTooltip,
     {
-      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
+      hasChrome: false,
+      trigger: "hover",
+      tooltip: React3.createElement(TooltipNote, { note: `${watching ? "Disable" : "Enable"} watch mode` })
     },
-    React3.createElement(EyeIcon, null)
+    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)
+    )
   ), isRunning ? React3.createElement(
-    Button2,
+    WithTooltip,
     {
-      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
+      hasChrome: false,
+      trigger: "hover",
+      tooltip: React3.createElement(TooltipNote, { note: cancelling ? "Stopping..." : "Stop test run" })
     },
     React3.createElement(
-      Progress,
+      IconButton2,
       {
-        percentage: finishedTestCount && storeState.currentRun.totalTestCount ? finishedTestCount / storeState.currentRun.totalTestCount * 100 : void 0
+        "aria-label": cancelling ? "Stopping..." : "Stop test run",
+        padding: "none",
+        size: "medium",
+        onClick: () => store.send({
+          type: "CANCEL_RUN"
+        }),
+        disabled: cancelling || isStarting
       },
-      React3.createElement(StopIcon, null)
+      React3.createElement(
+        Progress,
+        {
+          percentage: finishedTestCount && storeState.currentRun.totalTestCount ? finishedTestCount / storeState.currentRun.totalTestCount * 100 : void 0
+        },
+        React3.createElement(StopIcon, null)
+      )
     )
   ) : React3.createElement(
-    Button2,
+    WithTooltip,
     {
-      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, triggeredBy: entry?.type ?? "global" }
-        });
-      }
+      hasChrome: false,
+      trigger: "hover",
+      tooltip: React3.createElement(TooltipNote, { note: "Start test run" })
     },
-    React3.createElement(PlayHollowIcon, null)
+    React3.createElement(
+      IconButton2,
+      {
+        "aria-label": "Start test run",
+        size: "medium",
+        onClick: () => {
+          let storyIds;
+          if (entry) {
+            storyIds = entry.type === "story" ? [entry.id] : api.findAllLeafStoryIds(entry.id);
+          }
+          store.send({
+            type: "TRIGGER_RUN",
+            payload: { storyIds, triggeredBy: entry?.type ?? "global" }
+          });
+        }
+      },
+      React3.createElement(PlayHollowIcon, null)
+    )
   ))), React3.createElement(Extras, null, React3.createElement(Row, null, React3.createElement(
     ListItem,
     {
@@ -703,24 +723,35 @@ var TestProviderRender = /* @__PURE__ */ __name(({
       icon: entry ? null : React3.createElement(Form.Checkbox, { checked: true, disabled: true })
     }
   ), React3.createElement(
-    Button2,
+    WithTooltip,
     {
-      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
-        });
-      }
+      hasChrome: false,
+      trigger: "hover",
+      tooltip: React3.createElement(TooltipNote, { note: componentTestStatusLabel })
     },
-    React3.createElement(TestStatusIcon, { status: componentTestStatusIcon, isRunning }),
-    componentTestStatusValueToStoryIds["status-value:error"].length + componentTestStatusValueToStoryIds["status-value:warning"].length || null
+    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
+    )
   )), !entry && React3.createElement(Row, null, React3.createElement(
     ListItem,
     {
@@ -738,53 +769,39 @@ var TestProviderRender = /* @__PURE__ */ __name(({
         }
       )
     }
-  ), watching || currentRun.triggeredBy && !FULL_RUN_TRIGGERS.includes(currentRun.triggeredBy) ? React3.createElement(
-    Button2,
-    {
-      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,
+  ), React3.createElement(
+    WithTooltip,
     {
-      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)`
+      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"
+        }
       )
     },
-    React3.createElement("a", { href: "/coverage/index.html", target: "_blank" }, React3.createElement(
+    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(
       TestStatusIcon,
       {
         isRunning,
         percentage: currentRun.coverageSummary.percentage,
-        status: currentRun.coverageSummary.status
+        status: currentRun.coverageSummary.status,
+        "aria-label": `Coverage status: ${currentRun.coverageSummary.status}`
       }
-    ), 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(
+    ), React3.createElement("span", { "aria-label": `${currentRun.coverageSummary.percentage} percent coverage` }, currentRun.coverageSummary.percentage, "%"))) : React3.createElement(IconButton2, { size: "medium", disabled: true }, React3.createElement(
       TestStatusIcon,
       {
         isRunning,
-        status: fatalError ? "critical" : "unknown"
+        status: fatalError ? "critical" : "unknown",
+        "aria-label": "Coverage status: unknown"
       }
-    )
+    ))
   )), hasA11yAddon && React3.createElement(Row, null, React3.createElement(
     ListItem,
     {
@@ -803,23 +820,35 @@ var TestProviderRender = /* @__PURE__ */ __name(({
       )
     }
   ), React3.createElement(
-    Button2,
+    WithTooltip,
     {
-      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
-        });
-      }
+      hasChrome: false,
+      trigger: "hover",
+      tooltip: React3.createElement(TooltipNote, { note: a11yStatusLabel })
     },
-    React3.createElement(TestStatusIcon, { status: a11yStatusIcon, isRunning }),
-    a11yStatusValueToStoryIds["status-value:error"].length + a11yStatusValueToStoryIds["status-value:warning"].length || null
+    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
+    )
   ))));
 }, "TestProviderRender");
 

package/dist/node/coverage-reporter.js

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_tznil47bafs from 'node:url';
-import CJS_COMPAT_NODE_PATH_tznil47bafs from 'node:path';
-import CJS_COMPAT_NODE_MODULE_tznil47bafs from "node:module";
+import CJS_COMPAT_NODE_URL_6ciuwemjw56 from 'node:url';
+import CJS_COMPAT_NODE_PATH_6ciuwemjw56 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_6ciuwemjw56 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_tznil47bafs.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_tznil47bafs.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_tznil47bafs.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_6ciuwemjw56.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_6ciuwemjw56.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_6ciuwemjw56.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   require_gte
-} from "../_node-chunks/chunk-FZDYOCCE.js";
+} from "../_node-chunks/chunk-CQC7N3G6.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-KZIDXS4U.js";
+} from "../_node-chunks/chunk-5GSBMHHJ.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,37 @@
-import CJS_COMPAT_NODE_URL_tznil47bafs from 'node:url';
-import CJS_COMPAT_NODE_PATH_tznil47bafs from 'node:path';
-import CJS_COMPAT_NODE_MODULE_tznil47bafs from "node:module";
+import CJS_COMPAT_NODE_URL_6ciuwemjw56 from 'node:url';
+import CJS_COMPAT_NODE_PATH_6ciuwemjw56 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_6ciuwemjw56 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_tznil47bafs.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_tznil47bafs.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_tznil47bafs.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_6ciuwemjw56.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_6ciuwemjw56.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_6ciuwemjw56.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   log
-} from "../_node-chunks/chunk-6K54YTGN.js";
+} from "../_node-chunks/chunk-SV5YHLFQ.js";
 import {
-  any,
-  errorToErrorLike
-} from "../_node-chunks/chunk-5CCESRRQ.js";
+  any
+} from "../_node-chunks/chunk-QDHBF4XB.js";
 import {
   ADDON_ID,
   COVERAGE_DIRECTORY,
   STATUS_TYPE_ID_A11Y,
   STATUS_TYPE_ID_COMPONENT_TEST,
   storeOptions
-} from "../_node-chunks/chunk-PH4NUGE7.js";
-import "../_node-chunks/chunk-JTOLRAOL.js";
+} from "../_node-chunks/chunk-56EU3ER3.js";
+import "../_node-chunks/chunk-GNINXAYC.js";
 import {
   dirname,
   join,
   normalize,
   path
-} from "../_node-chunks/chunk-ZRHBOMCR.js";
+} from "../_node-chunks/chunk-HEUKUUYY.js";
 import {
   __name
-} from "../_node-chunks/chunk-KZIDXS4U.js";
+} from "../_node-chunks/chunk-5GSBMHHJ.js";
 
 // src/node/vitest.ts
 import process2 from "node:process";
@@ -174,6 +173,18 @@ function throttle(func, throttleMs, { signal, edges = ["leading", "trailing"] }
 }
 __name(throttle, "throttle");
 
+// src/utils.ts
+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");
+
 // src/node/vitest-manager.ts
 import { existsSync } from "node:fs";
 import { getProjectRoot, resolvePathInStorybookCache } from "storybook/internal/common";