@argos-ci/storybook 0.1.2 → 0.2.1

package/dist/index.cjs

@@ -1,7 +1,5 @@
-// @ts-ignore
-const argosScreenshot = async (...args)=>{
-    // @ts-ignore
-    const { argosScreenshot } = await import('./index.mjs');
-    return argosScreenshot(...args);
+const argosScreenshot = async (...args) => {
+  const { argosScreenshot } = await import("./index.js");
+  return argosScreenshot(...args);
 };
 exports.argosScreenshot = argosScreenshot;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import { TestContext } from "@storybook/test-runner";
-import { ArgosScreenshotOptions as ArgosPlaywrightScreenshotOptions } from "@argos-ci/playwright";
-import { Page } from "playwright";
+import { TestContext } from '@storybook/test-runner';
+import { ArgosScreenshotOptions as ArgosScreenshotOptions$1 } from '@argos-ci/playwright';
+import { Page } from 'playwright';
+
 type ArgosScreenshotOptions = {
     /**
      * Fit the screenshot to the content size.
@@ -18,7 +19,7 @@ type ArgosScreenshotOptions = {
          */
         zoom?: number;
     };
-} & ArgosPlaywrightScreenshotOptions;
+} & ArgosScreenshotOptions$1;
 /**
  * Stabilize the UI and takes a screenshot of the application under test.
  *
@@ -39,4 +40,5 @@ context: TestContext,
  * Options for the screenshot.
  */
 options?: ArgosScreenshotOptions): Promise<void>;
-export { ArgosScreenshotOptions, argosScreenshot };
+
+export { type ArgosScreenshotOptions, argosScreenshot };

package/dist/index.js

@@ -0,0 +1,49 @@
+// src/index.ts
+import { waitForPageReady } from "@storybook/test-runner";
+import {
+  argosScreenshot as argosPlaywrightScreenshot,
+  DO_NOT_USE_setMetadataConfig
+} from "@argos-ci/playwright";
+import { join } from "node:path";
+
+// src/metadata.ts
+import { readVersionFromPackage } from "@argos-ci/util";
+import { createRequire } from "node:module";
+var require2 = createRequire(import.meta.url);
+async function getArgosStorybookVersion() {
+  const pkgPath = require2.resolve("@argos-ci/storybook/package.json");
+  return readVersionFromPackage(pkgPath);
+}
+
+// src/index.ts
+async function argosScreenshot(page, context, options) {
+  const { fitToContent = true, ...screenshotOptions } = options ?? {};
+  await waitForPageReady(page);
+  const fitToContentOptions = (() => {
+    if (options?.element || !fitToContent) {
+      return {};
+    }
+    const { padding = 16, zoom = 2 } = fitToContent === true ? {} : fitToContent;
+    return {
+      element: "#storybook-root",
+      argosCSS: `#storybook-root { padding: ${padding}px; width: fit-content; height: fit-content; zoom: ${zoom}; }` + (options?.argosCSS ?? "")
+    };
+  })();
+  const version = await getArgosStorybookVersion();
+  DO_NOT_USE_setMetadataConfig({
+    sdk: { name: "@argos-ci/storybook", version },
+    playwrightLibraries: ["@storybook/test-runner"]
+  });
+  await argosPlaywrightScreenshot(page, join(context.title, context.name), {
+    ...screenshotOptions,
+    // Disable aria-busy stabilization by default
+    stabilize: screenshotOptions.stabilize ?? {
+      ariaBusy: false,
+      ...typeof screenshotOptions.stabilize === "object" ? screenshotOptions.stabilize : {}
+    },
+    ...fitToContentOptions
+  });
+}
+export {
+  argosScreenshot
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@argos-ci/storybook",
   "description": "Visual testing for Storybook test runner.",
-  "version": "0.1.2",
+  "version": "0.2.1",
   "author": "Smooth Code",
   "license": "MIT",
   "repository": {
@@ -29,9 +29,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
       "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.mjs"
+      "default": "./dist/index.cjs"
     },
     "./package.json": "./package.json"
   },
@@ -39,15 +39,15 @@
     "node": ">=18.16.0"
   },
   "dependencies": {
-    "@argos-ci/playwright": "3.8.1",
-    "@argos-ci/util": "2.1.2"
+    "@argos-ci/playwright": "3.9.1",
+    "@argos-ci/util": "2.2.0"
   },
   "peerDependencies": {
     "@storybook/test-runner": "*",
     "playwright": "*"
   },
   "devDependencies": {
-    "@argos-ci/cli": "2.4.7",
+    "@argos-ci/cli": "2.5.0",
     "@argos-ci/util": "workspace:*",
     "@storybook/addon-essentials": "^8.3.6",
     "@storybook/addon-interactions": "^8.3.6",
@@ -57,18 +57,17 @@
     "@storybook/react-vite": "^8.3.6",
     "@storybook/test": "^8.3.6",
     "@storybook/test-runner": "^0.19.1",
-    "playwright": "^1.48.1",
+    "playwright": "^1.48.2",
     "prop-types": "^15.8.1",
     "storybook": "^8.3.6"
   },
   "scripts": {
-    "prebuild": "rm -rf dist",
-    "build": "rollup -c",
+    "build": "tsup && cp ./src/index.cjs ./dist",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test-storybook": "NODE_NO_WARNINGS=1 NODE_OPTIONS=--experimental-vm-modules test-storybook",
     "argos-upload": "pnpm exec argos upload screenshots --build-name \"argos-storybook-e2e-node-$NODE_VERSION-$OS\"",
     "e2e": "pnpm run test-storybook && pnpm run argos-upload"
   },
-  "gitHead": "4773ee8243e047e83c46aea3432f3b4b7c27112c"
+  "gitHead": "2df737ab2349a7b2c4afcae71266c40902c7561c"
 }

package/dist/index.mjs

@@ -1,58 +0,0 @@
-import { waitForPageReady } from '@storybook/test-runner';
-import { DO_NOT_USE_setMetadataConfig, argosScreenshot as argosScreenshot$1 } from '@argos-ci/playwright';
-import { join } from 'node:path';
-import { readVersionFromPackage } from '@argos-ci/util';
-import { createRequire } from 'node:module';
-
-const require = createRequire(import.meta.url);
-/**
- * Get the version of the Argos Playwright SDK.
- */ async function getArgosStorybookVersion() {
-    const pkgPath = require.resolve("@argos-ci/storybook/package.json");
-    return readVersionFromPackage(pkgPath);
-}
-
-/**
- * Stabilize the UI and takes a screenshot of the application under test.
- *
- * @example
- *    argosScreenshot(page, "my-screenshot")
- * @see https://argos-ci.com/docs/playwright#api-overview
- */ async function argosScreenshot(/**
-   * Playwright `page` object.
-   */ page, /**
-   * Context of the test.
-   */ context, /**
-   * Options for the screenshot.
-   */ options) {
-    const { fitToContent = true, ...screenshotOptions } = options ?? {};
-    await waitForPageReady(page);
-    const fitToContentOptions = (()=>{
-        if (options?.element || !fitToContent) {
-            return {};
-        }
-        const { padding = 16, zoom = 2 } = fitToContent === true ? {} : fitToContent;
-        return {
-            element: "#storybook-root",
-            argosCSS: `#storybook-root { padding: ${padding}px; width: fit-content; height: fit-content; zoom: ${zoom}; }` + (options?.argosCSS ?? "")
-        };
-    })();
-    const version = await getArgosStorybookVersion();
-    await DO_NOT_USE_setMetadataConfig({
-        sdk: {
-            name: "@argos-ci/storybook",
-            version
-        },
-        playwrightLibraries: [
-            "@storybook/test-runner",
-            "playwright",
-            "playwright-core"
-        ]
-    });
-    await argosScreenshot$1(page, join(context.title, context.name), {
-        ...screenshotOptions,
-        ...fitToContentOptions
-    });
-}
-
-export { argosScreenshot };