@chromatic-com/playwright 0.14.6 → 0.14.8

package/dist/browser.mjs

@@ -5275,7 +5275,6 @@ postcss$1.Root;
 postcss$1.Node;
 
 // src/browser.ts
-window.__chromatic_takeSnapshot = takeSnapshot;
 async function takeSnapshot() {
   const mirror = createMirror();
   const domSnapshot = snapshot(document, {
@@ -5325,3 +5324,4 @@ async function toDataURL(url) {
   });
 }
 __name(toDataURL, "toDataURL");
+window.__chromatic_takeSnapshot = takeSnapshot;

package/dist/index.js

@@ -4100,8 +4100,8 @@ __name(trackComplete, "trackComplete");
 
 // ../shared/src/constants.ts
 var DEFAULT_GLOBAL_RESOURCE_ARCHIVE_TIMEOUT_MS = 1e4;
-
-// src/takeSnapshot.ts
+var browserEntry = __require.resolve("@chromatic-com/playwright/browser");
+var browserScript = fs.readFileSync(browserEntry, "utf-8");
 var chromaticSnapshots = /* @__PURE__ */ new Map();
 async function takeSnapshot(page, nameOrTestInfo, maybeTestInfo) {
   let name;
@@ -4155,14 +4155,15 @@ async function takeSnapshot(page, nameOrTestInfo, maybeTestInfo) {
 }
 __name(takeSnapshot, "takeSnapshot");
 async function executeSnapshotScript(context) {
-  await context.addScriptTag({
-    type: "module",
-    path: __require.resolve("@chromatic-com/playwright/browser")
-  });
-  await context.waitForFunction(() => typeof window.__chromatic_takeSnapshot === "function");
-  const snapshot = await context.evaluate(async () => {
-    return JSON.stringify(await window.__chromatic_takeSnapshot());
-  });
+  const snapshot = await context.evaluate(
+    // Wrapper is needed to scope all inlined definitions of browser script, as
+    // it contains bundled rrweb-snapshot that inlines variables like "const node = ...".
+    `async function wrapper() {
+      ${browserScript}
+
+      return JSON.stringify(await takeSnapshot());
+    }()`
+  );
   return JSON.parse(snapshot);
 }
 __name(executeSnapshotScript, "executeSnapshotScript");

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { createRequire } from 'module';
 import { test as test$1 } from '@playwright/test';
 export { expect } from '@playwright/test';
 import path2, { join } from 'path';
-import { existsSync, mkdirSync } from 'fs';
+import { readFileSync, existsSync, mkdirSync } from 'fs';
 import { writeFile } from 'fs/promises';
 import { createHash } from 'crypto';
 import { toId, storyNameFromExport } from 'storybook/internal/csf';
@@ -4094,8 +4094,8 @@ __name(trackComplete, "trackComplete");
 
 // ../shared/src/constants.ts
 var DEFAULT_GLOBAL_RESOURCE_ARCHIVE_TIMEOUT_MS = 1e4;
-
-// src/takeSnapshot.ts
+var browserEntry = __require.resolve("@chromatic-com/playwright/browser");
+var browserScript = readFileSync(browserEntry, "utf-8");
 var chromaticSnapshots = /* @__PURE__ */ new Map();
 async function takeSnapshot(page, nameOrTestInfo, maybeTestInfo) {
   let name;
@@ -4149,14 +4149,15 @@ async function takeSnapshot(page, nameOrTestInfo, maybeTestInfo) {
 }
 __name(takeSnapshot, "takeSnapshot");
 async function executeSnapshotScript(context) {
-  await context.addScriptTag({
-    type: "module",
-    path: __require.resolve("@chromatic-com/playwright/browser")
-  });
-  await context.waitForFunction(() => typeof window.__chromatic_takeSnapshot === "function");
-  const snapshot = await context.evaluate(async () => {
-    return JSON.stringify(await window.__chromatic_takeSnapshot());
-  });
+  const snapshot = await context.evaluate(
+    // Wrapper is needed to scope all inlined definitions of browser script, as
+    // it contains bundled rrweb-snapshot that inlines variables like "const node = ...".
+    `async function wrapper() {
+      ${browserScript}
+
+      return JSON.stringify(await takeSnapshot());
+    }()`
+  );
   return JSON.parse(snapshot);
 }
 __name(executeSnapshotScript, "executeSnapshotScript");

package/dist/storybook-config/main.d.mts

@@ -12,6 +12,9 @@ declare const _default: {
         renderer: string;
     };
     staticDirs: string[];
+    features: {
+        sidebarOnboardingChecklist: boolean;
+    };
 };
 
 export { _default as default };

package/dist/storybook-config/main.mjs

@@ -47,7 +47,10 @@ var main_default = {
   },
   staticDirs: [
     path2.resolve(archivesDir(DEFAULT_OUTPUT_DIR), "archive")
-  ]
+  ],
+  features: {
+    sidebarOnboardingChecklist: false
+  }
 };
 
 export { main_default as default };

package/dist/storybook-config/manager.mjs

@@ -3,7 +3,13 @@ import { addons } from 'storybook/manager-api';
 // ../shared/storybook-config/manager.ts
 addons.setConfig({
   sidebar: {
-    // this ensures we use folders at the root-level instead of categories
+    // Ensures we use folders at the root-level instead of categories
     showRoots: false
+  },
+  layoutCustomisations: {
+    // Hide toolbar options that don't make sense in e2e setup
+    showToolbar: () => false,
+    // Hide bottom panel that's empty in e2e setup
+    showPanel: () => false
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromatic-com/playwright",
-  "version": "0.14.6",
+  "version": "0.14.8",
   "description": "Chromatic Visual Regression Testing for Playwright",
   "repository": {
     "type": "git",