@argos-ci/storybook 5.2.15 → 5.3.0

package/dist/test-runner.js

@@ -1,271 +0,0 @@
-// src/test-runner.ts
-import { getStoryContext, waitForPageReady } from "@storybook/test-runner";
-
-// src/utils/screenshot.ts
-import {
-  argosScreenshot as argosPlaywrightScreenshot,
-  DO_NOT_USE_setMetadataConfig
-} from "@argos-ci/playwright";
-
-// src/utils/metadata.ts
-import { readVersionFromPackage } from "@argos-ci/util";
-import { createRequire } from "module";
-var require2 = createRequire(import.meta.url);
-async function getArgosStorybookVersion() {
-  const pkgPath = require2.resolve("@argos-ci/storybook/package.json");
-  return readVersionFromPackage(pkgPath);
-}
-
-// src/utils/parameters.ts
-function getDefaultViewport(parameters) {
-  const defaultViewport = parameters?.viewport?.defaultViewport;
-  if (defaultViewport) {
-    return getViewport(parameters, defaultViewport);
-  }
-  return null;
-}
-function getViewport(parameters, viewportName) {
-  if (typeof viewportName === "number") {
-    return { width: viewportName, height: 720 };
-  }
-  const viewports = parameters?.viewport?.viewports;
-  if (viewports && viewportName in viewports) {
-    if ("styles" in viewports[viewportName] && viewports[viewportName].styles) {
-      const width = parseInt(viewports[viewportName].styles.width, 10);
-      const height = parseInt(viewports[viewportName].styles.height, 10);
-      if (!isNaN(width) && !isNaN(height)) {
-        return { width, height };
-      }
-    }
-  }
-  return null;
-}
-function getArgosParameters(parameters) {
-  if ("argos" in parameters && parameters.argos && typeof parameters.argos === "object") {
-    return parameters.argos;
-  }
-  if ("chromatic" in parameters && parameters.chromatic && typeof parameters.chromatic === "object") {
-    return parameters.chromatic;
-  }
-  return null;
-}
-var DEFAULT_FIT_TO_CONTENT = {
-  padding: 16,
-  zoom: 2
-};
-function getFitToContentFromParameters(parameters) {
-  const argosParameters = getArgosParameters(parameters);
-  if (argosParameters && "fitToContent" in argosParameters) {
-    if (typeof argosParameters.fitToContent === "boolean") {
-      return argosParameters.fitToContent ? DEFAULT_FIT_TO_CONTENT : null;
-    }
-    if (typeof argosParameters.fitToContent === "object" && argosParameters.fitToContent) {
-      return {
-        ...DEFAULT_FIT_TO_CONTENT,
-        ...argosParameters.fitToContent
-      };
-    }
-  }
-  return DEFAULT_FIT_TO_CONTENT;
-}
-
-// src/utils/screenshot.ts
-async function storybookArgosScreenshot(handler, context, options) {
-  const argosOptions = {
-    ...options,
-    // Disable aria-busy stabilization by default
-    stabilize: options?.stabilize ?? {
-      waitForAriaBusy: false,
-      ...typeof options?.stabilize === "object" ? options.stabilize : {}
-    }
-  };
-  const version = await getArgosStorybookVersion();
-  const storyUrl = `http://localhost:6006/?path=/story/${context.story.id}`;
-  const metadata = {
-    sdk: { name: "@argos-ci/storybook", version },
-    playwrightLibraries: context.playwrightLibraries,
-    url: storyUrl,
-    test: context.test
-  };
-  const argosParameters = getArgosParameters(context.story.parameters);
-  const modes = argosParameters?.modes;
-  const allAttachments = [];
-  if (context.mode === "automatic") {
-    if (modes) {
-      for (const [name, globals] of Object.entries(modes)) {
-        if (globals.disabled) {
-          continue;
-        }
-        await handler.evaluate((name2) => {
-          globalThis.__ARGOS_CURRENT_MODE = name2;
-        }, name);
-        const attachments = await runHooksAndScreenshot({
-          handler,
-          context,
-          metadata,
-          options: argosOptions,
-          suffix: getModeSuffix(name),
-          globals: {
-            ...context.story.globals,
-            ...globals
-          }
-        });
-        allAttachments.push(...attachments);
-        await context.setViewportSize("initial");
-        await handler.evaluate(() => {
-          delete globalThis.__ARGOS_CURRENT_MODE;
-        });
-      }
-    } else {
-      const attachments = await runHooksAndScreenshot({
-        handler,
-        context,
-        metadata,
-        options: argosOptions,
-        globals: context.story.globals ?? {}
-      });
-      await context.setViewportSize("initial");
-      allAttachments.push(...attachments);
-    }
-  } else if (context.mode === "manual") {
-    const currentMode = await handler.evaluate(() => {
-      return globalThis.__ARGOS_CURRENT_MODE || null;
-    });
-    if (modes && !currentMode) {
-      return;
-    }
-    await markStoryAsRendered(handler, context.story.id);
-    await argosPlaywrightScreenshot(
-      handler,
-      composeName(context.name, getModeSuffix(currentMode)),
-      options
-    );
-  }
-  await context.afterScreenshot?.({ handler, globals: {} });
-  return allAttachments;
-}
-async function runStory(args) {
-  const { handler, globals, storyId } = args;
-  await handler.evaluate(async (globals2) => {
-    if ("__ARGOS_STORYBOOK_STORY" in globalThis) {
-      const storyFn = globalThis.__ARGOS_STORYBOOK_STORY;
-      if (!storyFn) {
-        throw new Error(
-          "@argos-ci/storybook: Unable to find `__ARGOS_STORYBOOK_STORY`."
-        );
-      }
-      const canvasElement = (() => {
-        const existing = document.getElementById("storybook-root");
-        existing?.remove();
-        const canvasElement2 = document.createElement("div");
-        canvasElement2.id = "storybook-root";
-        document.body.appendChild(canvasElement2);
-        return canvasElement2;
-      })();
-      await storyFn.run({ globals: globals2, canvasElement });
-      return;
-    }
-    const channel = (() => {
-      if ("__STORYBOOK_PREVIEW__" in globalThis) {
-        return globalThis.__STORYBOOK_PREVIEW__.channel;
-      }
-      return null;
-    })();
-    if (!channel) {
-      throw new Error(
-        "@argos-ci/storybook: Unable to find `__STORYBOOK_PREVIEW__`."
-      );
-    }
-    const initialGlobals = channel.last("globalsUpdated")?.[0].initialGlobals;
-    channel.emit("updateGlobals", {
-      globals: { ...initialGlobals, ...globals2 }
-    });
-  }, globals);
-  await markStoryAsRendered(handler, storyId);
-}
-async function markStoryAsRendered(handler, storyId) {
-  await handler.evaluate((storyId2) => {
-    if ("__ARGOS_STORYBOOK_STORY" in globalThis) {
-      const addons = globalThis.__STORYBOOK_ADDONS_PREVIEW;
-      if (!addons) {
-        throw new Error(
-          "@argos-ci/storybook: Unable to find `__STORYBOOK_ADDONS_PREVIEW`."
-        );
-      }
-      addons.getChannel().emit("storyRendered", storyId2);
-    }
-  }, storyId);
-}
-async function runHooksAndScreenshot(args) {
-  const { handler, context, options, globals, metadata } = args;
-  await runStory({ handler, globals, storyId: context.story.id });
-  const viewportFromGlobals = globals.viewport ? getViewport(context.story.parameters, globals.viewport) : null;
-  const viewport = viewportFromGlobals ?? getDefaultViewport(context.story.parameters) ?? "default";
-  await context.setViewportSize(viewport);
-  DO_NOT_USE_setMetadataConfig({
-    ...metadata,
-    viewport: viewport && viewport !== "default" ? viewport : void 0
-  });
-  await context.beforeScreenshot?.({ handler, globals });
-  return argosPlaywrightScreenshot(
-    handler,
-    composeName(context.name, args.suffix),
-    options
-  );
-}
-function getModeSuffix(mode) {
-  return mode ? ` mode-[${mode}]` : "";
-}
-function composeName(name, suffix) {
-  return name + (suffix ?? "");
-}
-
-// src/test-runner.ts
-var DEFAULT_PLAYWRIGHT_VIEWPORT_SIZE = { width: 1280, height: 720 };
-async function argosScreenshot(page, context, options) {
-  const storyContext = await getStoryContext(page, context);
-  const fitToContent = getFitToContentFromParameters(storyContext.parameters);
-  await storybookArgosScreenshot(
-    page,
-    {
-      mode: "automatic",
-      name: storyContext.id,
-      playwrightLibraries: ["@storybook/test-runner"],
-      beforeScreenshot: async ({ handler }) => {
-        await waitForPageReady(handler);
-      },
-      story: {
-        id: storyContext.id,
-        parameters: storyContext.parameters,
-        // We don't have access to globals in this context.
-        globals: null
-      },
-      setViewportSize: async (size) => {
-        const actualSize = await page.viewportSize();
-        const absoluteSize = size === "default" || size === "initial" ? DEFAULT_PLAYWRIGHT_VIEWPORT_SIZE : size;
-        if (!actualSize || actualSize.height !== absoluteSize.height || actualSize.width !== absoluteSize.width) {
-          await page.setViewportSize(absoluteSize);
-          await page.waitForFunction(
-            ({ width, height }) => window.innerWidth === width && window.innerHeight === height,
-            { width: absoluteSize.width, height: absoluteSize.height }
-          );
-        }
-      }
-    },
-    applyFitToContent(options, fitToContent)
-  );
-}
-function applyFitToContent(options, fitToContent) {
-  if (!fitToContent) {
-    return options;
-  }
-  const { padding, zoom } = fitToContent;
-  return {
-    ...options,
-    element: "#storybook-root",
-    argosCSS: `#storybook-root { padding: ${padding}px; width: fit-content; height: fit-content; zoom: ${zoom}; }` + (options?.argosCSS ?? "")
-  };
-}
-export {
-  argosScreenshot
-};

package/dist/vitest-plugin.d.ts

@@ -1,53 +0,0 @@
-import { Plugin } from 'vitest/config';
-import { BrowserCommand } from 'vitest/node';
-import { MetadataConfig, ArgosScreenshotOptions as ArgosScreenshotOptions$1 } from '@argos-ci/playwright';
-import { Page, Frame, ViewportSize } from 'playwright';
-import { UploadParameters } from '@argos-ci/core';
-
-type StorybookGlobals = Record<string, any>;
-
-type StorybookScreenshotContext<Handler extends Page | Frame> = {
-    /**
-     * - "manual" means the `argosScreenshot` has been called in the story play function.
-     * - "automatic" means the screenshot is taken automatically after each test.
-     */
-    mode: "manual" | "automatic";
-    name: string;
-    playwrightLibraries: string[];
-    test?: MetadataConfig["test"];
-    setViewportSize: (size: ViewportSize | "default" | "initial") => Promise<void>;
-    beforeScreenshot?: (input: {
-        handler: Handler;
-        globals: StorybookGlobals;
-    }) => Promise<void>;
-    afterScreenshot?: (input: {
-        handler: Handler;
-        globals: StorybookGlobals;
-    }) => Promise<void>;
-    story: {
-        id: string;
-        parameters: Record<string, any>;
-        globals: StorybookGlobals | null;
-    };
-};
-type ArgosScreenshotOptions = Omit<ArgosScreenshotOptions$1, "viewports">;
-
-type ArgosReporterConfig = UploadParameters;
-
-type ArgosScreenshotCommandArgs = [
-    Pick<StorybookScreenshotContext<Frame>, "name" | "story" | "test" | "mode">
-];
-interface ArgosVitestPluginOptions extends ArgosReporterConfig, ArgosScreenshotOptions {
-    /**
-     * Upload the report to Argos.
-     * @default true
-     */
-    uploadToArgos?: boolean;
-}
-/**
- * Create a command for taking Argos screenshots in Vitest.
- */
-declare const createArgosScreenshotCommand: (pluginOptions?: ArgosVitestPluginOptions) => BrowserCommand<ArgosScreenshotCommandArgs>;
-declare function argosVitestPlugin(options?: ArgosVitestPluginOptions): Plugin;
-
-export { type ArgosScreenshotCommandArgs, type ArgosScreenshotOptions, type ArgosVitestPluginOptions, argosVitestPlugin, createArgosScreenshotCommand };

package/dist/vitest-plugin.js

@@ -1,383 +0,0 @@
-// src/utils/screenshot.ts
-import {
-  argosScreenshot as argosPlaywrightScreenshot,
-  DO_NOT_USE_setMetadataConfig
-} from "@argos-ci/playwright";
-
-// src/utils/metadata.ts
-import { readVersionFromPackage } from "@argos-ci/util";
-import { createRequire } from "module";
-var require2 = createRequire(import.meta.url);
-async function getArgosStorybookVersion() {
-  const pkgPath = require2.resolve("@argos-ci/storybook/package.json");
-  return readVersionFromPackage(pkgPath);
-}
-
-// src/utils/parameters.ts
-function getDefaultViewport(parameters) {
-  const defaultViewport = parameters?.viewport?.defaultViewport;
-  if (defaultViewport) {
-    return getViewport(parameters, defaultViewport);
-  }
-  return null;
-}
-function getViewport(parameters, viewportName) {
-  if (typeof viewportName === "number") {
-    return { width: viewportName, height: 720 };
-  }
-  const viewports = parameters?.viewport?.viewports;
-  if (viewports && viewportName in viewports) {
-    if ("styles" in viewports[viewportName] && viewports[viewportName].styles) {
-      const width = parseInt(viewports[viewportName].styles.width, 10);
-      const height = parseInt(viewports[viewportName].styles.height, 10);
-      if (!isNaN(width) && !isNaN(height)) {
-        return { width, height };
-      }
-    }
-  }
-  return null;
-}
-function getArgosParameters(parameters) {
-  if ("argos" in parameters && parameters.argos && typeof parameters.argos === "object") {
-    return parameters.argos;
-  }
-  if ("chromatic" in parameters && parameters.chromatic && typeof parameters.chromatic === "object") {
-    return parameters.chromatic;
-  }
-  return null;
-}
-var DEFAULT_FIT_TO_CONTENT = {
-  padding: 16,
-  zoom: 2
-};
-function getFitToContentFromParameters(parameters) {
-  const argosParameters = getArgosParameters(parameters);
-  if (argosParameters && "fitToContent" in argosParameters) {
-    if (typeof argosParameters.fitToContent === "boolean") {
-      return argosParameters.fitToContent ? DEFAULT_FIT_TO_CONTENT : null;
-    }
-    if (typeof argosParameters.fitToContent === "object" && argosParameters.fitToContent) {
-      return {
-        ...DEFAULT_FIT_TO_CONTENT,
-        ...argosParameters.fitToContent
-      };
-    }
-  }
-  return DEFAULT_FIT_TO_CONTENT;
-}
-
-// src/utils/screenshot.ts
-async function storybookArgosScreenshot(handler, context, options) {
-  const argosOptions = {
-    ...options,
-    // Disable aria-busy stabilization by default
-    stabilize: options?.stabilize ?? {
-      waitForAriaBusy: false,
-      ...typeof options?.stabilize === "object" ? options.stabilize : {}
-    }
-  };
-  const version = await getArgosStorybookVersion();
-  const storyUrl = `http://localhost:6006/?path=/story/${context.story.id}`;
-  const metadata = {
-    sdk: { name: "@argos-ci/storybook", version },
-    playwrightLibraries: context.playwrightLibraries,
-    url: storyUrl,
-    test: context.test
-  };
-  const argosParameters = getArgosParameters(context.story.parameters);
-  const modes = argosParameters?.modes;
-  const allAttachments = [];
-  if (context.mode === "automatic") {
-    if (modes) {
-      for (const [name, globals] of Object.entries(modes)) {
-        if (globals.disabled) {
-          continue;
-        }
-        await handler.evaluate((name2) => {
-          globalThis.__ARGOS_CURRENT_MODE = name2;
-        }, name);
-        const attachments = await runHooksAndScreenshot({
-          handler,
-          context,
-          metadata,
-          options: argosOptions,
-          suffix: getModeSuffix(name),
-          globals: {
-            ...context.story.globals,
-            ...globals
-          }
-        });
-        allAttachments.push(...attachments);
-        await context.setViewportSize("initial");
-        await handler.evaluate(() => {
-          delete globalThis.__ARGOS_CURRENT_MODE;
-        });
-      }
-    } else {
-      const attachments = await runHooksAndScreenshot({
-        handler,
-        context,
-        metadata,
-        options: argosOptions,
-        globals: context.story.globals ?? {}
-      });
-      await context.setViewportSize("initial");
-      allAttachments.push(...attachments);
-    }
-  } else if (context.mode === "manual") {
-    const currentMode = await handler.evaluate(() => {
-      return globalThis.__ARGOS_CURRENT_MODE || null;
-    });
-    if (modes && !currentMode) {
-      return;
-    }
-    await markStoryAsRendered(handler, context.story.id);
-    await argosPlaywrightScreenshot(
-      handler,
-      composeName(context.name, getModeSuffix(currentMode)),
-      options
-    );
-  }
-  await context.afterScreenshot?.({ handler, globals: {} });
-  return allAttachments;
-}
-async function runStory(args) {
-  const { handler, globals, storyId } = args;
-  await handler.evaluate(async (globals2) => {
-    if ("__ARGOS_STORYBOOK_STORY" in globalThis) {
-      const storyFn = globalThis.__ARGOS_STORYBOOK_STORY;
-      if (!storyFn) {
-        throw new Error(
-          "@argos-ci/storybook: Unable to find `__ARGOS_STORYBOOK_STORY`."
-        );
-      }
-      const canvasElement = (() => {
-        const existing = document.getElementById("storybook-root");
-        existing?.remove();
-        const canvasElement2 = document.createElement("div");
-        canvasElement2.id = "storybook-root";
-        document.body.appendChild(canvasElement2);
-        return canvasElement2;
-      })();
-      await storyFn.run({ globals: globals2, canvasElement });
-      return;
-    }
-    const channel = (() => {
-      if ("__STORYBOOK_PREVIEW__" in globalThis) {
-        return globalThis.__STORYBOOK_PREVIEW__.channel;
-      }
-      return null;
-    })();
-    if (!channel) {
-      throw new Error(
-        "@argos-ci/storybook: Unable to find `__STORYBOOK_PREVIEW__`."
-      );
-    }
-    const initialGlobals = channel.last("globalsUpdated")?.[0].initialGlobals;
-    channel.emit("updateGlobals", {
-      globals: { ...initialGlobals, ...globals2 }
-    });
-  }, globals);
-  await markStoryAsRendered(handler, storyId);
-}
-async function markStoryAsRendered(handler, storyId) {
-  await handler.evaluate((storyId2) => {
-    if ("__ARGOS_STORYBOOK_STORY" in globalThis) {
-      const addons = globalThis.__STORYBOOK_ADDONS_PREVIEW;
-      if (!addons) {
-        throw new Error(
-          "@argos-ci/storybook: Unable to find `__STORYBOOK_ADDONS_PREVIEW`."
-        );
-      }
-      addons.getChannel().emit("storyRendered", storyId2);
-    }
-  }, storyId);
-}
-async function runHooksAndScreenshot(args) {
-  const { handler, context, options, globals, metadata } = args;
-  await runStory({ handler, globals, storyId: context.story.id });
-  const viewportFromGlobals = globals.viewport ? getViewport(context.story.parameters, globals.viewport) : null;
-  const viewport = viewportFromGlobals ?? getDefaultViewport(context.story.parameters) ?? "default";
-  await context.setViewportSize(viewport);
-  DO_NOT_USE_setMetadataConfig({
-    ...metadata,
-    viewport: viewport && viewport !== "default" ? viewport : void 0
-  });
-  await context.beforeScreenshot?.({ handler, globals });
-  return argosPlaywrightScreenshot(
-    handler,
-    composeName(context.name, args.suffix),
-    options
-  );
-}
-function getModeSuffix(mode) {
-  return mode ? ` mode-[${mode}]` : "";
-}
-function composeName(name, suffix) {
-  return name + (suffix ?? "");
-}
-
-// src/vitest-reporter.ts
-import { upload } from "@argos-ci/core";
-var ArgosReporter = class {
-  vitest;
-  config;
-  constructor(config) {
-    this.config = config;
-  }
-  onInit(vitest) {
-    this.vitest = vitest;
-  }
-  // Compatibility for Vitest v3
-  async onFinished() {
-    await this.onTestRunEnd();
-  }
-  // Only on Vitest v4
-  async onTestRunEnd() {
-    if (this.vitest.config.watch) {
-      return;
-    }
-    const res = await upload(this.config);
-    console.log(`\u2705 Argos build created: ${res.build.url}`);
-  }
-};
-
-// src/vitest-plugin.ts
-import { resolve } from "path";
-var createArgosScreenshotCommand = (pluginOptions) => {
-  const screenshotOptions = pluginOptions ?? {};
-  return async (ctx, testContext) => {
-    const frame = await ctx.frame();
-    const fitToContent = getFitToContentFromParameters(
-      testContext.story.parameters
-    );
-    const after = await before(ctx);
-    const attachments = await storybookArgosScreenshot(
-      frame,
-      {
-        ...testContext,
-        playwrightLibraries: ["@storybook/addon-vitest"],
-        setViewportSize: async (size) => {
-          await ctx.page.evaluate(
-            ({ size: size2, fullPage }) => {
-              const iframe = document.querySelector(
-                'iframe[data-vitest="true"]'
-              );
-              if (!(iframe instanceof HTMLIFrameElement)) {
-                throw new Error("Vitest iframe not found");
-              }
-              if (!iframe.contentDocument) {
-                throw new Error("Vitest iframe contentDocument not found");
-              }
-              if (size2 === "initial") {
-                if (iframe.dataset.initialWidth && iframe.dataset.initialHeight) {
-                  iframe.style.width = iframe.dataset.initialWidth;
-                  iframe.style.height = iframe.dataset.initialHeight;
-                }
-                return;
-              }
-              if (!iframe.dataset.initialWidth && !iframe.dataset.initialHeight) {
-                iframe.dataset.initialWidth = iframe.style.width;
-                iframe.dataset.initialHeight = iframe.style.height;
-              }
-              if (size2 !== "default") {
-                iframe.style.width = `${size2.width}px`;
-              }
-              if (fullPage) {
-                if (!iframe.contentWindow) {
-                  throw new Error(`Can't access iframe window`);
-                }
-                const viewportHeight = size2 === "default" ? iframe.contentWindow.innerHeight : size2.height;
-                iframe.style.height = "auto";
-                iframe.style.height = viewportHeight < iframe.contentDocument.body.offsetHeight ? `${iframe.contentDocument.body.offsetHeight}px` : "100%";
-              } else if (size2 !== "default") {
-                iframe.style.height = "auto";
-                iframe.style.height = `${size2.height}px`;
-              }
-            },
-            { size, fullPage: screenshotOptions.fullPage ?? !fitToContent }
-          );
-        }
-      },
-      applyFitToContent(screenshotOptions, fitToContent)
-    );
-    await after();
-    return attachments;
-  };
-};
-async function before(ctx) {
-  await ctx.page.evaluate(() => {
-    const tester = document.getElementById("vitest-tester");
-    if (!(tester instanceof HTMLElement)) {
-      return;
-    }
-    const scale = tester.getAttribute("data-scale");
-    if (!scale) {
-      throw new Error("Vitest iframe data-scale attribute not found");
-    }
-    tester.dataset.bckTransform = tester.style.transform;
-    tester.style.transform = `scale(1)`;
-  });
-  return async () => {
-    await ctx.page.evaluate(() => {
-      const tester = document.getElementById("vitest-tester");
-      if (!(tester instanceof HTMLElement)) {
-        return;
-      }
-      tester.style.transform = tester.dataset.bckTransform ?? "";
-    });
-  };
-}
-function applyFitToContent(options, fitToContent) {
-  if (!fitToContent) {
-    return options;
-  }
-  const { padding, zoom } = fitToContent;
-  return {
-    ...options,
-    element: "body",
-    argosCSS: `body { padding: ${padding}px; width: fit-content; height: fit-content; min-height: initial; zoom: ${zoom}; }` + (options?.argosCSS ?? "")
-  };
-}
-var cwd = process.cwd();
-function argosVitestPlugin(options) {
-  const {
-    root: unresolvedRoot = "./screenshots",
-    uploadToArgos,
-    ...otherOptions
-  } = options ?? {};
-  const root = resolve(cwd, unresolvedRoot);
-  const setupFile = resolve(import.meta.dirname, "./vitest-setup-file.js");
-  return {
-    name: "@argos-ci/storybook/vitest-plugin",
-    configureVitest({ vitest, project }) {
-      project.config.setupFiles.push(setupFile);
-      if (uploadToArgos) {
-        vitest.config.reporters.push(
-          new ArgosReporter({ ...otherOptions, root })
-        );
-      }
-    },
-    config() {
-      return {
-        optimizeDeps: {
-          include: ["@argos-ci/storybook/internal/vitest-setup-file"]
-        },
-        test: {
-          browser: {
-            commands: {
-              argosScreenshot: createArgosScreenshotCommand({
-                ...otherOptions,
-                root
-              })
-            }
-          }
-        }
-      };
-    }
-  };
-}
-export {
-  argosVitestPlugin,
-  createArgosScreenshotCommand
-};