@chromatic-com/playwright 0.14.1 → 0.14.2-3c15dcd-20260519102148

package/dist/browser.mjs

@@ -62,15 +62,15 @@ function getUntaintedPrototype(key) {
   const accessorNames = key in testableAccessors ? testableAccessors[key] : void 0;
   const isUntaintedAccessors = Boolean(accessorNames && // @ts-expect-error 2345
   accessorNames.every((accessor) => {
-    var _a21, _b;
-    return Boolean((_b = (_a21 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a21.get) == null ? void 0 : _b.toString().includes("[native code]"));
+    var _a, _b;
+    return Boolean((_b = (_a = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a.get) == null ? void 0 : _b.toString().includes("[native code]"));
   }));
   const methodNames = key in testableMethods ? testableMethods[key] : void 0;
   const isUntaintedMethods = Boolean(methodNames && methodNames.every(
     // @ts-expect-error 2345
     (method) => {
-      var _a21;
-      return typeof defaultPrototype[method] === "function" && ((_a21 = defaultPrototype[method]) == null ? void 0 : _a21.toString().includes("[native code]"));
+      var _a;
+      return typeof defaultPrototype[method] === "function" && ((_a = defaultPrototype[method]) == null ? void 0 : _a.toString().includes("[native code]"));
     }
   ));
   if (isUntaintedAccessors && isUntaintedMethods && !isAngularZonePresent()) {
@@ -95,12 +95,12 @@ function getUntaintedPrototype(key) {
 __name(getUntaintedPrototype, "getUntaintedPrototype");
 var untaintedAccessorCache = {};
 function getUntaintedAccessor(key, instance, accessor) {
-  var _a21;
+  var _a;
   const cacheKey = `${key}.${String(accessor)}`;
   if (untaintedAccessorCache[cacheKey])
     return untaintedAccessorCache[cacheKey].call(instance);
   const untaintedPrototype = getUntaintedPrototype(key);
-  const untaintedAccessor = (_a21 = Object.getOwnPropertyDescriptor(untaintedPrototype, accessor)) == null ? void 0 : _a21.get;
+  const untaintedAccessor = (_a = Object.getOwnPropertyDescriptor(untaintedPrototype, accessor)) == null ? void 0 : _a.get;
   if (!untaintedAccessor)
     return instance[accessor];
   untaintedAccessorCache[cacheKey] = untaintedAccessor;
@@ -316,17 +316,19 @@ function isCSSStyleRule(rule2) {
   return "selectorText" in rule2;
 }
 __name(isCSSStyleRule, "isCSSStyleRule");
-var _a;
-var Mirror = (_a = class {
+var Mirror = class Mirror2 {
+  static {
+    __name(this, "Mirror");
+  }
   constructor() {
     __publicField(this, "idNodeMap", /* @__PURE__ */ new Map());
     __publicField(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
   }
   getId(n) {
-    var _a21;
+    var _a;
     if (!n)
       return -1;
-    const id = (_a21 = this.getMeta(n)) == null ? void 0 : _a21.id;
+    const id = (_a = this.getMeta(n)) == null ? void 0 : _a.id;
     return id ?? -1;
   }
   getNode(id) {
@@ -371,7 +373,7 @@ var Mirror = (_a = class {
     this.idNodeMap = /* @__PURE__ */ new Map();
     this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
   }
-}, __name(_a, "Mirror"), _a);
+};
 function createMirror() {
   return new Mirror();
 }
@@ -1472,8 +1474,10 @@ var __viteBrowserExternal$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
 var require$$2 = /* @__PURE__ */ getAugmentedNamespace(__viteBrowserExternal$1);
 var pico = picocolors_browserExports;
 var terminalHighlight$1 = require$$2;
-var _a2;
-var CssSyntaxError$3 = (_a2 = class extends Error {
+var CssSyntaxError$3 = class CssSyntaxError extends Error {
+  static {
+    __name(this, "CssSyntaxError");
+  }
   constructor(message, line, column, source, file, plugin2) {
     super(message);
     this.name = "CssSyntaxError";
@@ -1500,7 +1504,7 @@ var CssSyntaxError$3 = (_a2 = class extends Error {
     }
     this.setMessage();
     if (Error.captureStackTrace) {
-      Error.captureStackTrace(this, _a2);
+      Error.captureStackTrace(this, CssSyntaxError);
     }
   }
   setMessage() {
@@ -1550,7 +1554,7 @@ var CssSyntaxError$3 = (_a2 = class extends Error {
     }
     return this.name + ": " + this.message + code;
   }
-}, __name(_a2, "CssSyntaxError"), _a2);
+};
 var cssSyntaxError = CssSyntaxError$3;
 CssSyntaxError$3.default = CssSyntaxError$3;
 var symbols = {};
@@ -1574,8 +1578,10 @@ function capitalize(str) {
   return str[0].toUpperCase() + str.slice(1);
 }
 __name(capitalize, "capitalize");
-var _a3;
-var Stringifier$2 = (_a3 = class {
+var Stringifier$2 = class Stringifier {
+  static {
+    __name(this, "Stringifier");
+  }
   constructor(builder) {
     this.builder = builder;
   }
@@ -1868,7 +1874,7 @@ var Stringifier$2 = (_a3 = class {
     }
     this[node2.type](node2, semicolon);
   }
-}, __name(_a3, "Stringifier"), _a3);
+};
 var stringifier = Stringifier$2;
 Stringifier$2.default = Stringifier$2;
 var Stringifier$1 = stringifier;
@@ -1909,8 +1915,10 @@ function cloneNode(obj, parent) {
   return cloned;
 }
 __name(cloneNode, "cloneNode");
-var _a4;
-var Node$4 = (_a4 = class {
+var Node$4 = class Node {
+  static {
+    __name(this, "Node");
+  }
   constructor(defaults = {}) {
     this.raws = {};
     this[isClean$2] = false;
@@ -2220,12 +2228,14 @@ var Node$4 = (_a4 = class {
   get proxyOf() {
     return this;
   }
-}, __name(_a4, "Node"), _a4);
+};
 var node = Node$4;
 Node$4.default = Node$4;
 var Node$3 = node;
-var _a5;
-var Declaration$4 = (_a5 = class extends Node$3 {
+var Declaration$4 = class Declaration extends Node$3 {
+  static {
+    __name(this, "Declaration");
+  }
   constructor(defaults) {
     if (defaults && typeof defaults.value !== "undefined" && typeof defaults.value !== "string") {
       defaults = {
@@ -2239,7 +2249,7 @@ var Declaration$4 = (_a5 = class extends Node$3 {
   get variable() {
     return this.prop.startsWith("--") || this.prop[0] === "$";
   }
-}, __name(_a5, "Declaration"), _a5);
+};
 var declaration = Declaration$4;
 Declaration$4.default = Declaration$4;
 var urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
@@ -2264,8 +2274,10 @@ function fromBase64(str) {
   }
 }
 __name(fromBase64, "fromBase64");
-var _a6;
-var PreviousMap$2 = (_a6 = class {
+var PreviousMap$2 = class PreviousMap {
+  static {
+    __name(this, "PreviousMap");
+  }
   constructor(css, opts) {
     if (opts.map === false)
       return;
@@ -2367,7 +2379,7 @@ var PreviousMap$2 = (_a6 = class {
   withContent() {
     return !!(this.consumer().sourcesContent && this.consumer().sourcesContent.length > 0);
   }
-}, __name(_a6, "PreviousMap"), _a6);
+};
 var previousMap = PreviousMap$2;
 PreviousMap$2.default = PreviousMap$2;
 var { SourceMapConsumer: SourceMapConsumer$1, SourceMapGenerator: SourceMapGenerator$1 } = require$$2;
@@ -2380,8 +2392,10 @@ var PreviousMap$1 = previousMap;
 var fromOffsetCache = Symbol("fromOffsetCache");
 var sourceMapAvailable$1 = Boolean(SourceMapConsumer$1 && SourceMapGenerator$1);
 var pathAvailable$1 = Boolean(resolve$1 && isAbsolute);
-var _a7;
-var Input$4 = (_a7 = class {
+var Input$4 = class Input {
+  static {
+    __name(this, "Input");
+  }
   constructor(css, opts = {}) {
     if (css === null || typeof css === "undefined" || typeof css === "object" && !css.toString) {
       throw new Error(`PostCSS received ${css} instead of CSS string`);
@@ -2585,7 +2599,7 @@ var Input$4 = (_a7 = class {
   get from() {
     return this.file || this.id;
   }
-}, __name(_a7, "Input"), _a7);
+};
 var input = Input$4;
 Input$4.default = Input$4;
 if (terminalHighlight && terminalHighlight.registerInput) {
@@ -2597,8 +2611,10 @@ var { pathToFileURL } = require$$2;
 var Input$3 = input;
 var sourceMapAvailable = Boolean(SourceMapConsumer && SourceMapGenerator);
 var pathAvailable = Boolean(dirname && resolve && relative && sep);
-var _a8;
-var MapGenerator$2 = (_a8 = class {
+var MapGenerator$2 = class MapGenerator {
+  static {
+    __name(this, "MapGenerator");
+  }
   constructor(stringify2, root2, opts, cssString) {
     this.stringify = stringify2;
     this.mapOpts = opts.map || {};
@@ -2932,16 +2948,18 @@ var MapGenerator$2 = (_a8 = class {
     this.memoizedURLs.set(path, url);
     return url;
   }
-}, __name(_a8, "MapGenerator"), _a8);
+};
 var mapGenerator = MapGenerator$2;
 var Node$2 = node;
-var _a9;
-var Comment$4 = (_a9 = class extends Node$2 {
+var Comment$4 = class Comment extends Node$2 {
+  static {
+    __name(this, "Comment");
+  }
   constructor(defaults) {
     super(defaults);
     this.type = "comment";
   }
-}, __name(_a9, "Comment"), _a9);
+};
 var comment = Comment$4;
 Comment$4.default = Comment$4;
 var { isClean: isClean$1, my: my$1 } = symbols;
@@ -2970,8 +2988,10 @@ function markDirtyUp(node2) {
   }
 }
 __name(markDirtyUp, "markDirtyUp");
-var _a10;
-var Container$7 = (_a10 = class extends Node$1 {
+var Container$7 = class Container extends Node$1 {
+  static {
+    __name(this, "Container");
+  }
   append(...children) {
     for (let child of children) {
       let nodes = this.normalize(child, this.last);
@@ -3145,7 +3165,7 @@ var Container$7 = (_a10 = class extends Node$1 {
     }
     let processed = nodes.map((i) => {
       if (!i[my$1])
-        _a10.rebuild(i);
+        Container.rebuild(i);
       i = i.proxyOf;
       if (i.parent)
         i.parent.removeChild(i);
@@ -3315,7 +3335,7 @@ var Container$7 = (_a10 = class extends Node$1 {
       return void 0;
     return this.proxyOf.nodes[this.proxyOf.nodes.length - 1];
   }
-}, __name(_a10, "Container"), _a10);
+};
 Container$7.registerParse = (dependant) => {
   parse$4 = dependant;
 };
@@ -3352,8 +3372,10 @@ Container$7.rebuild = (node2) => {
 var Container$6 = container;
 var LazyResult$4;
 var Processor$3;
-var _a11;
-var Document$3 = (_a11 = class extends Container$6 {
+var Document$3 = class Document extends Container$6 {
+  static {
+    __name(this, "Document");
+  }
   constructor(defaults) {
     super({
       type: "document",
@@ -3367,7 +3389,7 @@ var Document$3 = (_a11 = class extends Container$6 {
     let lazy = new LazyResult$4(new Processor$3(), this, opts);
     return lazy.stringify();
   }
-}, __name(_a11, "Document"), _a11);
+};
 Document$3.registerLazyResult = (dependant) => {
   LazyResult$4 = dependant;
 };
@@ -3385,8 +3407,10 @@ var warnOnce$2 = /* @__PURE__ */ __name(function warnOnce(message) {
     console.warn(message);
   }
 }, "warnOnce");
-var _a12;
-var Warning$2 = (_a12 = class {
+var Warning$2 = class Warning {
+  static {
+    __name(this, "Warning");
+  }
   constructor(text, opts = {}) {
     this.type = "warning";
     this.text = text;
@@ -3413,12 +3437,14 @@ var Warning$2 = (_a12 = class {
     }
     return this.text;
   }
-}, __name(_a12, "Warning"), _a12);
+};
 var warning = Warning$2;
 Warning$2.default = Warning$2;
 var Warning$1 = warning;
-var _a13;
-var Result$3 = (_a13 = class {
+var Result$3 = class Result {
+  static {
+    __name(this, "Result");
+  }
   constructor(processor2, root2, opts) {
     this.processor = processor2;
     this.messages = [];
@@ -3446,7 +3472,7 @@ var Result$3 = (_a13 = class {
   get content() {
     return this.css;
   }
-}, __name(_a13, "Result"), _a13);
+};
 var result = Result$3;
 Result$3.default = Result$3;
 var SINGLE_QUOTE = "'".charCodeAt(0);
@@ -3711,8 +3737,10 @@ var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
   };
 }, "tokenizer");
 var Container$5 = container;
-var _a14;
-var AtRule$3 = (_a14 = class extends Container$5 {
+var AtRule$3 = class AtRule extends Container$5 {
+  static {
+    __name(this, "AtRule");
+  }
   constructor(defaults) {
     super(defaults);
     this.type = "atrule";
@@ -3727,15 +3755,17 @@ var AtRule$3 = (_a14 = class extends Container$5 {
       this.nodes = [];
     return super.prepend(...children);
   }
-}, __name(_a14, "AtRule"), _a14);
+};
 var atRule = AtRule$3;
 AtRule$3.default = AtRule$3;
 Container$5.registerAtRule(AtRule$3);
 var Container$4 = container;
 var LazyResult$3;
 var Processor$2;
-var _a15;
-var Root$5 = (_a15 = class extends Container$4 {
+var Root$5 = class Root extends Container$4 {
+  static {
+    __name(this, "Root");
+  }
   constructor(defaults) {
     super(defaults);
     this.type = "root";
@@ -3770,7 +3800,7 @@ var Root$5 = (_a15 = class extends Container$4 {
     let lazy = new LazyResult$3(new Processor$2(), this, opts);
     return lazy.stringify();
   }
-}, __name(_a15, "Root"), _a15);
+};
 Root$5.registerLazyResult = (dependant) => {
   LazyResult$3 = dependant;
 };
@@ -3841,8 +3871,10 @@ var list_1 = list$2;
 list$2.default = list$2;
 var Container$3 = container;
 var list$1 = list_1;
-var _a16;
-var Rule$3 = (_a16 = class extends Container$3 {
+var Rule$3 = class Rule extends Container$3 {
+  static {
+    __name(this, "Rule");
+  }
   constructor(defaults) {
     super(defaults);
     this.type = "rule";
@@ -3857,7 +3889,7 @@ var Rule$3 = (_a16 = class extends Container$3 {
     let sep2 = match ? match[0] : "," + this.raw("between", "beforeOpen");
     this.selector = values.join(sep2);
   }
-}, __name(_a16, "Rule"), _a16);
+};
 var rule = Rule$3;
 Rule$3.default = Rule$3;
 Container$3.registerRule(Rule$3);
@@ -3880,8 +3912,10 @@ function findLastWithPosition(tokens) {
   }
 }
 __name(findLastWithPosition, "findLastWithPosition");
-var _a17;
-var Parser$1 = (_a17 = class {
+var Parser$1 = class Parser {
+  static {
+    __name(this, "Parser");
+  }
   constructor(input2) {
     this.input = input2;
     this.root = new Root$4();
@@ -4410,7 +4444,7 @@ var Parser$1 = (_a17 = class {
       offset: token[2] + token[1].length
     });
   }
-}, __name(_a17, "Parser"), _a17);
+};
 var parser = Parser$1;
 var Container$2 = container;
 var Parser2 = parser;
@@ -4557,15 +4591,17 @@ function cleanMarks(node2) {
 }
 __name(cleanMarks, "cleanMarks");
 var postcss$2 = {};
-var _a18;
-var LazyResult$2 = (_a18 = class {
+var LazyResult$2 = class LazyResult {
+  static {
+    __name(this, "LazyResult");
+  }
   constructor(processor2, css, opts) {
     this.stringified = false;
     this.processed = false;
     let root2;
     if (typeof css === "object" && css !== null && (css.type === "root" || css.type === "document")) {
       root2 = cleanMarks(css);
-    } else if (css instanceof _a18 || css instanceof Result$2) {
+    } else if (css instanceof LazyResult || css instanceof Result$2) {
       root2 = cleanMarks(css.root);
       if (css.map) {
         if (typeof opts.map === "undefined")
@@ -4942,7 +4978,7 @@ var LazyResult$2 = (_a18 = class {
   get [Symbol.toStringTag]() {
     return "LazyResult";
   }
-}, __name(_a18, "LazyResult"), _a18);
+};
 LazyResult$2.registerPostcss = (dependant) => {
   postcss$2 = dependant;
 };
@@ -4955,8 +4991,10 @@ var stringify$1 = stringify_1;
 var warnOnce2 = warnOnce$2;
 var parse$1 = parse_1;
 var Result$1 = result;
-var _a19;
-var NoWorkResult$1 = (_a19 = class {
+var NoWorkResult$1 = class NoWorkResult {
+  static {
+    __name(this, "NoWorkResult");
+  }
   constructor(processor2, css, opts) {
     css = css.toString();
     this.stringified = false;
@@ -5057,15 +5095,17 @@ var NoWorkResult$1 = (_a19 = class {
   get [Symbol.toStringTag]() {
     return "NoWorkResult";
   }
-}, __name(_a19, "NoWorkResult"), _a19);
+};
 var noWorkResult = NoWorkResult$1;
 NoWorkResult$1.default = NoWorkResult$1;
 var NoWorkResult2 = noWorkResult;
 var LazyResult$1 = lazyResult;
 var Document$1 = document$1;
 var Root$2 = root;
-var _a20;
-var Processor$1 = (_a20 = class {
+var Processor$1 = class Processor {
+  static {
+    __name(this, "Processor");
+  }
   constructor(plugins = []) {
     this.version = "8.4.38";
     this.plugins = this.normalize(plugins);
@@ -5107,7 +5147,7 @@ var Processor$1 = (_a20 = class {
     ]));
     return this;
   }
-}, __name(_a20, "Processor"), _a20);
+};
 var processor = Processor$1;
 Processor$1.default = Processor$1;
 Root$2.registerProcessor(Processor$1);
@@ -5275,7 +5315,11 @@ postcss$1.Root;
 postcss$1.Node;
 
 // src/browser.ts
-window.__chromatic_takeSnapshot = takeSnapshot;
+if (!isWindowWithReportFunction(window)) {
+  throw new Error("Missing __chromatic_report_results__ function on window. Was exposeFunction called?");
+}
+var results = await takeSnapshot();
+window.__chromatic_report_results__(results);
 async function takeSnapshot() {
   const mirror = createMirror();
   const domSnapshot = snapshot(document, {
@@ -5325,3 +5369,7 @@ async function toDataURL(url) {
   });
 }
 __name(toDataURL, "toDataURL");
+function isWindowWithReportFunction(win) {
+  return "__chromatic_report_results__" in win && typeof win.__chromatic_report_results__ === "function";
+}
+__name(isWindowWithReportFunction, "isWindowWithReportFunction");

package/dist/index.js

@@ -4061,6 +4061,7 @@ var NodeType2 = /* @__PURE__ */ ((NodeType22) => {
 
 // src/takeSnapshot.ts
 var chromaticSnapshots = /* @__PURE__ */ new Map();
+var pageToResultHandler = /* @__PURE__ */ new WeakMap();
 async function takeSnapshot(page, nameOrTestInfo, maybeTestInfo) {
   let name;
   let testId;
@@ -4112,14 +4113,30 @@ async function takeSnapshot(page, nameOrTestInfo, maybeTestInfo) {
   });
 }
 __name(takeSnapshot, "takeSnapshot");
+async function getResultHandler(context) {
+  const page = "page" in context ? context.page() : context;
+  let handler = pageToResultHandler.get(page);
+  if (!handler) {
+    handler = {
+      listeners: [],
+      // Handlers are consumed once - use .splice() to empty previous listeners
+      onResult: (result) => handler.listeners.splice(0).forEach((listener) => listener(result))
+    };
+    await page.exposeFunction("__chromatic_report_results__", handler.onResult);
+    pageToResultHandler.set(page, handler);
+  }
+  return {
+    waitForResult: new Promise((resolve) => handler.listeners.push(resolve))
+  };
+}
+__name(getResultHandler, "getResultHandler");
 async function executeSnapshotScript(context) {
+  const { waitForResult } = await getResultHandler(context);
   await context.addScriptTag({
     type: "module",
     path: __require.resolve("@chromatic-com/playwright/browser")
   });
-  return await context.evaluate(async () => {
-    return await window.__chromatic_takeSnapshot();
-  });
+  return await waitForResult;
 }
 __name(executeSnapshotScript, "executeSnapshotScript");
 function findIframes(node) {

package/dist/index.mjs

@@ -4055,6 +4055,7 @@ var NodeType2 = /* @__PURE__ */ ((NodeType22) => {
 
 // src/takeSnapshot.ts
 var chromaticSnapshots = /* @__PURE__ */ new Map();
+var pageToResultHandler = /* @__PURE__ */ new WeakMap();
 async function takeSnapshot(page, nameOrTestInfo, maybeTestInfo) {
   let name;
   let testId;
@@ -4106,14 +4107,30 @@ async function takeSnapshot(page, nameOrTestInfo, maybeTestInfo) {
   });
 }
 __name(takeSnapshot, "takeSnapshot");
+async function getResultHandler(context) {
+  const page = "page" in context ? context.page() : context;
+  let handler = pageToResultHandler.get(page);
+  if (!handler) {
+    handler = {
+      listeners: [],
+      // Handlers are consumed once - use .splice() to empty previous listeners
+      onResult: (result) => handler.listeners.splice(0).forEach((listener) => listener(result))
+    };
+    await page.exposeFunction("__chromatic_report_results__", handler.onResult);
+    pageToResultHandler.set(page, handler);
+  }
+  return {
+    waitForResult: new Promise((resolve) => handler.listeners.push(resolve))
+  };
+}
+__name(getResultHandler, "getResultHandler");
 async function executeSnapshotScript(context) {
+  const { waitForResult } = await getResultHandler(context);
   await context.addScriptTag({
     type: "module",
     path: __require.resolve("@chromatic-com/playwright/browser")
   });
-  return await context.evaluate(async () => {
-    return await window.__chromatic_takeSnapshot();
-  });
+  return await waitForResult;
 }
 __name(executeSnapshotScript, "executeSnapshotScript");
 function findIframes(node) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromatic-com/playwright",
-  "version": "0.14.1",
+  "version": "0.14.2-3c15dcd-20260519102148",
   "description": "Chromatic Visual Regression Testing for Playwright",
   "repository": {
     "type": "git",