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

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

@@ -0,0 +1,295 @@
+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";
+
+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);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "./chunk-X2ZIL2ID.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/find-up/index.js
+import path2 from "node:path";
+
+// ../../node_modules/locate-path/index.js
+import process from "node:process";
+import path from "node:path";
+import fs, { promises as fsPromises } from "node:fs";
+import { fileURLToPath } from "node:url";
+
+// ../../node_modules/yocto-queue/index.js
+var Node = class {
+  static {
+    __name(this, "Node");
+  }
+  value;
+  next;
+  constructor(value) {
+    this.value = value;
+  }
+};
+var Queue = class {
+  static {
+    __name(this, "Queue");
+  }
+  #head;
+  #tail;
+  #size;
+  constructor() {
+    this.clear();
+  }
+  enqueue(value) {
+    const node = new Node(value);
+    if (this.#head) {
+      this.#tail.next = node;
+      this.#tail = node;
+    } else {
+      this.#head = node;
+      this.#tail = node;
+    }
+    this.#size++;
+  }
+  dequeue() {
+    const current = this.#head;
+    if (!current) {
+      return;
+    }
+    this.#head = this.#head.next;
+    this.#size--;
+    return current.value;
+  }
+  peek() {
+    if (!this.#head) {
+      return;
+    }
+    return this.#head.value;
+  }
+  clear() {
+    this.#head = void 0;
+    this.#tail = void 0;
+    this.#size = 0;
+  }
+  get size() {
+    return this.#size;
+  }
+  *[Symbol.iterator]() {
+    let current = this.#head;
+    while (current) {
+      yield current.value;
+      current = current.next;
+    }
+  }
+  *drain() {
+    while (this.#head) {
+      yield this.dequeue();
+    }
+  }
+};
+
+// ../../node_modules/locate-path/node_modules/p-limit/index.js
+function pLimit(concurrency) {
+  if (!((Number.isInteger(concurrency) || concurrency === Number.POSITIVE_INFINITY) && concurrency > 0)) {
+    throw new TypeError("Expected `concurrency` to be a number from 1 and up");
+  }
+  const queue = new Queue();
+  let activeCount = 0;
+  const next = /* @__PURE__ */ __name(() => {
+    activeCount--;
+    if (queue.size > 0) {
+      queue.dequeue()();
+    }
+  }, "next");
+  const run = /* @__PURE__ */ __name(async (fn, resolve, args) => {
+    activeCount++;
+    const result = (async () => fn(...args))();
+    resolve(result);
+    try {
+      await result;
+    } catch {
+    }
+    next();
+  }, "run");
+  const enqueue = /* @__PURE__ */ __name((fn, resolve, args) => {
+    queue.enqueue(run.bind(void 0, fn, resolve, args));
+    (async () => {
+      await Promise.resolve();
+      if (activeCount < concurrency && queue.size > 0) {
+        queue.dequeue()();
+      }
+    })();
+  }, "enqueue");
+  const generator = /* @__PURE__ */ __name((fn, ...args) => new Promise((resolve) => {
+    enqueue(fn, resolve, args);
+  }), "generator");
+  Object.defineProperties(generator, {
+    activeCount: {
+      get: /* @__PURE__ */ __name(() => activeCount, "get")
+    },
+    pendingCount: {
+      get: /* @__PURE__ */ __name(() => queue.size, "get")
+    },
+    clearQueue: {
+      value: /* @__PURE__ */ __name(() => {
+        queue.clear();
+      }, "value")
+    }
+  });
+  return generator;
+}
+__name(pLimit, "pLimit");
+
+// ../../node_modules/locate-path/node_modules/p-locate/index.js
+var EndError = class extends Error {
+  static {
+    __name(this, "EndError");
+  }
+  constructor(value) {
+    super();
+    this.value = value;
+  }
+};
+var testElement = /* @__PURE__ */ __name(async (element, tester) => tester(await element), "testElement");
+var finder = /* @__PURE__ */ __name(async (element) => {
+  const values = await Promise.all(element);
+  if (values[1] === true) {
+    throw new EndError(values[0]);
+  }
+  return false;
+}, "finder");
+async function pLocate(iterable, tester, {
+  concurrency = Number.POSITIVE_INFINITY,
+  preserveOrder = true
+} = {}) {
+  const limit = pLimit(concurrency);
+  const items = [...iterable].map((element) => [element, limit(testElement, element, tester)]);
+  const checkLimit = pLimit(preserveOrder ? 1 : Number.POSITIVE_INFINITY);
+  try {
+    await Promise.all(items.map((element) => checkLimit(finder, element)));
+  } catch (error) {
+    if (error instanceof EndError) {
+      return error.value;
+    }
+    throw error;
+  }
+}
+__name(pLocate, "pLocate");
+
+// ../../node_modules/locate-path/index.js
+var typeMappings = {
+  directory: "isDirectory",
+  file: "isFile"
+};
+function checkType(type) {
+  if (Object.hasOwnProperty.call(typeMappings, type)) {
+    return;
+  }
+  throw new Error(`Invalid type specified: ${type}`);
+}
+__name(checkType, "checkType");
+var matchType = /* @__PURE__ */ __name((type, stat) => stat[typeMappings[type]](), "matchType");
+var toPath = /* @__PURE__ */ __name((urlOrPath) => urlOrPath instanceof URL ? fileURLToPath(urlOrPath) : urlOrPath, "toPath");
+async function locatePath(paths, {
+  cwd = process.cwd(),
+  type = "file",
+  allowSymlinks = true,
+  concurrency,
+  preserveOrder
+} = {}) {
+  checkType(type);
+  cwd = toPath(cwd);
+  const statFunction = allowSymlinks ? fsPromises.stat : fsPromises.lstat;
+  return pLocate(paths, async (path_) => {
+    try {
+      const stat = await statFunction(path.resolve(cwd, path_));
+      return matchType(type, stat);
+    } catch {
+      return false;
+    }
+  }, { concurrency, preserveOrder });
+}
+__name(locatePath, "locatePath");
+
+// ../../node_modules/find-up/node_modules/unicorn-magic/node.js
+import { fileURLToPath as fileURLToPath2 } from "node:url";
+function toPath2(urlOrPath) {
+  return urlOrPath instanceof URL ? fileURLToPath2(urlOrPath) : urlOrPath;
+}
+__name(toPath2, "toPath");
+
+// ../../node_modules/find-up/index.js
+var findUpStop = Symbol("findUpStop");
+async function findUpMultiple(name, options = {}) {
+  let directory = path2.resolve(toPath2(options.cwd) ?? "");
+  const { root } = path2.parse(directory);
+  const stopAt = path2.resolve(directory, toPath2(options.stopAt ?? root));
+  const limit = options.limit ?? Number.POSITIVE_INFINITY;
+  const paths = [name].flat();
+  const runMatcher = /* @__PURE__ */ __name(async (locateOptions) => {
+    if (typeof name !== "function") {
+      return locatePath(paths, locateOptions);
+    }
+    const foundPath = await name(locateOptions.cwd);
+    if (typeof foundPath === "string") {
+      return locatePath([foundPath], locateOptions);
+    }
+    return foundPath;
+  }, "runMatcher");
+  const matches = [];
+  while (true) {
+    const foundPath = await runMatcher({ ...options, cwd: directory });
+    if (foundPath === findUpStop) {
+      break;
+    }
+    if (foundPath) {
+      matches.push(path2.resolve(directory, foundPath));
+    }
+    if (directory === stopAt || matches.length >= limit) {
+      break;
+    }
+    directory = path2.dirname(directory);
+  }
+  return matches;
+}
+__name(findUpMultiple, "findUpMultiple");
+async function findUp(name, options = {}) {
+  const matches = await findUpMultiple(name, { ...options, limit: 1 });
+  return matches[0];
+}
+__name(findUp, "findUp");
+
+export {
+  getAddonNames,
+  errorToErrorLike,
+  findUp
+};

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, 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,76 @@ 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: () => store.send({
+          type: "TRIGGER_RUN",
+          payload: {
+            storyIds: entry ? api.findAllLeafStoryIds(entry.id) : void 0,
+            triggeredBy: entry ? entry.type : "global"
+          }
+        })
+      },
+      React3.createElement(PlayHollowIcon, null)
+    )
   ))), React3.createElement(Extras, null, React3.createElement(Row, null, React3.createElement(
     ListItem,
     {
@@ -703,24 +720,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 +766,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 +817,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_y82ktfk8gw from 'node:url';
-import CJS_COMPAT_NODE_PATH_y82ktfk8gw from 'node:path';
-import CJS_COMPAT_NODE_MODULE_y82ktfk8gw from "node:module";
+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";
 
-var __filename = CJS_COMPAT_NODE_URL_y82ktfk8gw.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_y82ktfk8gw.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_y82ktfk8gw.createRequire(import.meta.url);
+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);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   require_gte
-} from "../_node-chunks/chunk-45EFBH2V.js";
+} from "../_node-chunks/chunk-UJYZKRFO.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-CA23L3FE.js";
+} from "../_node-chunks/chunk-X2ZIL2ID.js";
 
 // ../../node_modules/istanbul-lib-report/node_modules/make-dir/index.js
 var require_make_dir = __commonJS({