@chromatic-com/playwright 0.6.4-459d5b5-20240311220135 → 0.6.4

package/dist/bin/archive-storybook.js

@@ -1,19 +1,16 @@
 #!/usr/bin/env node
 'use strict';
 
-var module$1 = require('module');
 var child_process = require('child_process');
 var c = require('path');
 var fs = require('fs');
 var promises = require('fs/promises');
 
-var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var c__default = /*#__PURE__*/_interopDefault(c);
 
-const require$1 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
-var L=Object.defineProperty;var i=(e,r)=>L(e,"name",{value:r,configurable:!0}),u=(e=>typeof require$1<"u"?require$1:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof require$1<"u"?require$1:r)[t]}):e)(function(e){if(typeof require$1<"u")return require$1.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var z=Object.defineProperty,o=i((e,r)=>z(e,"name",{value:r,configurable:!0}),"e"),b=(e=>typeof u<"u"?u:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof u<"u"?u:r)[t]}):e)(function(e){if(typeof u<"u")return u.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});function F(){return process.cwd()}i(F,"j");o(F,"rootDir");function k(){let{CHROMATIC_ARCHIVE_LOCATION:e}=process.env;return e}i(k,"A");o(k,"outputDirOverride");function l(e){let r=k()||e;return c__default.default.resolve(F(),r,"chromatic-archives")}i(l,"c");o(l,"archivesDir");function D(e){return c__default.default.resolve(l(e),"archive")}i(D,"l");o(D,"assetsDir");function d(e){let r=l(e);if(!fs.existsSync(r))throw new Error(`Chromatic archives directory cannot be found: ${r}
+var L=Object.defineProperty;var i=(e,r)=>L(e,"name",{value:r,configurable:!0}),u=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof require<"u"?require:r)[t]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var z=Object.defineProperty,o=i((e,r)=>z(e,"name",{value:r,configurable:!0}),"e"),b=(e=>typeof u<"u"?u:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof u<"u"?u:r)[t]}):e)(function(e){if(typeof u<"u")return u.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});function F(){return process.cwd()}i(F,"j");o(F,"rootDir");function k(){let{CHROMATIC_ARCHIVE_LOCATION:e}=process.env;return e}i(k,"A");o(k,"outputDirOverride");function l(e){let r=k()||e;return c__default.default.resolve(F(),r,"chromatic-archives")}i(l,"c");o(l,"archivesDir");function D(e){return c__default.default.resolve(l(e),"archive")}i(D,"l");o(D,"assetsDir");function d(e){let r=l(e);if(!fs.existsSync(r))throw new Error(`Chromatic archives directory cannot be found: ${r}
 
 Please make sure that you have run your E2E tests, or have set the CHROMATIC_ARCHIVE_LOCATION env var if the output directory for the tests is not in the standard location.`)}i(d,"h");o(d,"checkArchivesDirExists");function O(e){fs.existsSync(e)||fs.mkdirSync(e,{recursive:!0});}i(O,"D");o(O,"ensureDir");async function T(e,r){return O(c__default.default.dirname(e)),promises.writeFile(e,r,{mode:511})}i(T,"P");o(T,"outputFile");async function x(e,r){return T(e,JSON.stringify(r))}i(x,"w");o(x,"outputJSONFile");async function A(e){let r=await promises.readFile(e);return JSON.parse(r.toString())}i(A,"v");o(A,"readJSONFile");function p(e){return `w${e.width}h${e.height}`}i(p,"a");o(p,"viewportToString");function C(e){let r=e.match(/w(\d+)h(\d+)/);return {width:Number(r[1]),height:Number(r[2])}}i(C,"x");o(C,"parseViewport");var X="snapshot.json";function E(e){let r=e.split(".");return r.slice(0,r.length-3).join(".")}i(E,"S");o(E,"snapshotIdFromFileName");function N(e){let r=e.split("."),t=r[r.length-3];return C(t)}i(N,"F");o(N,"viewportFromFileName");async function I(e){return (await promises.readdir(e)).filter(r=>r.endsWith(`.${X}`))}i(I,"N");o(I,"listSnapshotFiles");var B="stories.json";function V(e,r){let{stories:t}=e,n=t.map(s=>{let h=s.parameters.server.id,a=r[h];return {...s,parameters:{...s.parameters,chromatic:{...s.parameters.chromatic,modes:j(a)},viewport:{viewports:P(a),defaultViewport:p(q(a))}}}});return {...e,stories:n}}i(V,"y");o(V,"addViewportsToStories");async function _(e){return (await promises.readdir(e)).filter(r=>r.endsWith(`.${B}`))}i(_,"g");o(_,"listStoriesFiles");function j(e){return e.reduce((r,t)=>{let n=p(t);return r[n]={viewport:n},r},{})}i(j,"W");o(j,"buildStoryModesConfig");function P(e){return e.reduce((r,t)=>{let n=p(t);return r[n]={name:n,styles:{width:`${t.width}px`,height:`${t.height}px`}},r},{})}i(P,"z");o(P,"buildStoryViewportsConfig");function q(e){let r=o((t,n)=>t.width<n.width?1:t.width>n.width?-1:0,"compareFn");return e.sort(r)[0]}i(q,"M");o(q,"findDefaultViewport");async function f(e){let r=D(e),t=await I(r),n=R(t),s=l(e),h=(await _(s)).map(a=>c__default.default.resolve(s,a));await Promise.all(h.map(async a=>{let U=await A(a),J=V(U,n);await x(a,J);}));}i(f,"f");o(f,"addViewportsToStoriesFiles");function R(e){let r={};return e.forEach(t=>{let n=E(t),s=r[n]||[];s.push(N(t)),r[n]=s;}),r}i(R,"X");o(R,"buildSnapshotViewportsLookup");function m(e,r,t){d(t),f(t).then(()=>{let n=c.resolve(c.dirname(b.resolve("storybook/package.json")),"./index.js");child_process.execFileSync("node",[n,"dev",...e,"-c",r],{stdio:"inherit"});});}i(m,"It");o(m,"archiveStorybook");function G(e,r,t){d(t),f(t).then(()=>{let n=c.resolve(c.dirname(b.resolve("storybook/package.json")),"./index.js");child_process.execFileSync("node",[n,"build",...e,"-c",r],{stdio:"inherit"});});}i(G,"Tt");o(G,"buildArchiveStorybook");var $="test-results";var Q=process.argv.slice(2),Y=c__default.default.resolve(__dirname,"../storybook-config");try{m(Q,Y,$);}catch(e){console.error(e.message),process.exitCode=1;}
 //# sourceMappingURL=out.js.map

package/dist/bin/archive-storybook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/bin/archive-storybook.ts","../../src/constants.ts"],"names":["path","DEFAULT_OUTPUT_DIR","args","process","argv","slice","configDir","resolve","__dirname","archiveStorybook","err","console","error","message","exitCode"],"mappings":";;;;;0lFAGA,OAAOA,MAAU,OCHV,IAAMC,EAAqB,eDOlC,IAAMC,EAAOC,QAAQC,KAAKC,MAAM,CAAA,EAC1BC,EAAYN,EAAKO,QAAQC,UAAW,qBAAA,EAE1C,GAAI,CACFC,EAAiBP,EAAMI,EAAWL,CAAAA,CACpC,OAASS,EAAK,CAGZC,QAAQC,MAAMF,EAAIG,OAAO,EACzBV,QAAQW,SAAW,CACrB","sourcesContent":["#!/usr/bin/env node\n\nimport { archiveStorybook } from '@chromatic-com/shared-e2e/archive-storybook';\nimport path from 'path';\nimport { DEFAULT_OUTPUT_DIR } from '../constants';\n\n// Discard first two entries (exec path and file path)\nconst args = process.argv.slice(2);\nconst configDir = path.resolve(__dirname, '../storybook-config');\n\ntry {\n  archiveStorybook(args, configDir, DEFAULT_OUTPUT_DIR);\n} catch (err) {\n  // Throwing the error results in a large output of minified code and a stacktrace that is\n  // likely not helpful to users, so this should hide the noise.\n  console.error(err.message);\n  process.exitCode = 1;\n}\n","export const DEFAULT_OUTPUT_DIR = 'test-results';\n"]}
+{"version":3,"sources":["../../src/bin/archive-storybook.ts","../../src/constants.ts"],"names":["path","DEFAULT_OUTPUT_DIR","args","process","argv","slice","configDir","resolve","__dirname","archiveStorybook","err","console","error","message","exitCode"],"mappings":";;;0lFAGA,OAAOA,MAAU,OCHV,IAAMC,EAAqB,eDOlC,IAAMC,EAAOC,QAAQC,KAAKC,MAAM,CAAA,EAC1BC,EAAYN,EAAKO,QAAQC,UAAW,qBAAA,EAE1C,GAAI,CACFC,EAAiBP,EAAMI,EAAWL,CAAAA,CACpC,OAASS,EAAK,CAGZC,QAAQC,MAAMF,EAAIG,OAAO,EACzBV,QAAQW,SAAW,CACrB","sourcesContent":["#!/usr/bin/env node\n\nimport { archiveStorybook } from '@chromatic-com/shared-e2e/archive-storybook';\nimport path from 'path';\nimport { DEFAULT_OUTPUT_DIR } from '../constants';\n\n// Discard first two entries (exec path and file path)\nconst args = process.argv.slice(2);\nconst configDir = path.resolve(__dirname, '../storybook-config');\n\ntry {\n  archiveStorybook(args, configDir, DEFAULT_OUTPUT_DIR);\n} catch (err) {\n  // Throwing the error results in a large output of minified code and a stacktrace that is\n  // likely not helpful to users, so this should hide the noise.\n  console.error(err.message);\n  process.exitCode = 1;\n}\n","export const DEFAULT_OUTPUT_DIR = 'test-results';\n"]}

package/dist/bin/build-archive-storybook.js

@@ -1,19 +1,16 @@
 #!/usr/bin/env node
 'use strict';
 
-var module$1 = require('module');
 var child_process = require('child_process');
 var c = require('path');
 var fs = require('fs');
 var promises = require('fs/promises');
 
-var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var c__default = /*#__PURE__*/_interopDefault(c);
 
-const require$1 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
-var L=Object.defineProperty;var i=(e,r)=>L(e,"name",{value:r,configurable:!0}),u=(e=>typeof require$1<"u"?require$1:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof require$1<"u"?require$1:r)[t]}):e)(function(e){if(typeof require$1<"u")return require$1.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var z=Object.defineProperty,o=i((e,r)=>z(e,"name",{value:r,configurable:!0}),"e"),b=(e=>typeof u<"u"?u:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof u<"u"?u:r)[t]}):e)(function(e){if(typeof u<"u")return u.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});function F(){return process.cwd()}i(F,"j");o(F,"rootDir");function k(){let{CHROMATIC_ARCHIVE_LOCATION:e}=process.env;return e}i(k,"A");o(k,"outputDirOverride");function l(e){let r=k()||e;return c__default.default.resolve(F(),r,"chromatic-archives")}i(l,"c");o(l,"archivesDir");function D(e){return c__default.default.resolve(l(e),"archive")}i(D,"l");o(D,"assetsDir");function d(e){let r=l(e);if(!fs.existsSync(r))throw new Error(`Chromatic archives directory cannot be found: ${r}
+var L=Object.defineProperty;var i=(e,r)=>L(e,"name",{value:r,configurable:!0}),u=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof require<"u"?require:r)[t]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var z=Object.defineProperty,o=i((e,r)=>z(e,"name",{value:r,configurable:!0}),"e"),b=(e=>typeof u<"u"?u:typeof Proxy<"u"?new Proxy(e,{get:(r,t)=>(typeof u<"u"?u:r)[t]}):e)(function(e){if(typeof u<"u")return u.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});function F(){return process.cwd()}i(F,"j");o(F,"rootDir");function k(){let{CHROMATIC_ARCHIVE_LOCATION:e}=process.env;return e}i(k,"A");o(k,"outputDirOverride");function l(e){let r=k()||e;return c__default.default.resolve(F(),r,"chromatic-archives")}i(l,"c");o(l,"archivesDir");function D(e){return c__default.default.resolve(l(e),"archive")}i(D,"l");o(D,"assetsDir");function d(e){let r=l(e);if(!fs.existsSync(r))throw new Error(`Chromatic archives directory cannot be found: ${r}
 
 Please make sure that you have run your E2E tests, or have set the CHROMATIC_ARCHIVE_LOCATION env var if the output directory for the tests is not in the standard location.`)}i(d,"h");o(d,"checkArchivesDirExists");function O(e){fs.existsSync(e)||fs.mkdirSync(e,{recursive:!0});}i(O,"D");o(O,"ensureDir");async function T(e,r){return O(c__default.default.dirname(e)),promises.writeFile(e,r,{mode:511})}i(T,"P");o(T,"outputFile");async function x(e,r){return T(e,JSON.stringify(r))}i(x,"w");o(x,"outputJSONFile");async function A(e){let r=await promises.readFile(e);return JSON.parse(r.toString())}i(A,"v");o(A,"readJSONFile");function p(e){return `w${e.width}h${e.height}`}i(p,"a");o(p,"viewportToString");function C(e){let r=e.match(/w(\d+)h(\d+)/);return {width:Number(r[1]),height:Number(r[2])}}i(C,"x");o(C,"parseViewport");var X="snapshot.json";function E(e){let r=e.split(".");return r.slice(0,r.length-3).join(".")}i(E,"S");o(E,"snapshotIdFromFileName");function N(e){let r=e.split("."),t=r[r.length-3];return C(t)}i(N,"F");o(N,"viewportFromFileName");async function I(e){return (await promises.readdir(e)).filter(r=>r.endsWith(`.${X}`))}i(I,"N");o(I,"listSnapshotFiles");var B="stories.json";function V(e,r){let{stories:t}=e,n=t.map(s=>{let h=s.parameters.server.id,a=r[h];return {...s,parameters:{...s.parameters,chromatic:{...s.parameters.chromatic,modes:j(a)},viewport:{viewports:P(a),defaultViewport:p(q(a))}}}});return {...e,stories:n}}i(V,"y");o(V,"addViewportsToStories");async function _(e){return (await promises.readdir(e)).filter(r=>r.endsWith(`.${B}`))}i(_,"g");o(_,"listStoriesFiles");function j(e){return e.reduce((r,t)=>{let n=p(t);return r[n]={viewport:n},r},{})}i(j,"W");o(j,"buildStoryModesConfig");function P(e){return e.reduce((r,t)=>{let n=p(t);return r[n]={name:n,styles:{width:`${t.width}px`,height:`${t.height}px`}},r},{})}i(P,"z");o(P,"buildStoryViewportsConfig");function q(e){let r=o((t,n)=>t.width<n.width?1:t.width>n.width?-1:0,"compareFn");return e.sort(r)[0]}i(q,"M");o(q,"findDefaultViewport");async function f(e){let r=D(e),t=await I(r),n=R(t),s=l(e),h=(await _(s)).map(a=>c__default.default.resolve(s,a));await Promise.all(h.map(async a=>{let U=await A(a),J=V(U,n);await x(a,J);}));}i(f,"f");o(f,"addViewportsToStoriesFiles");function R(e){let r={};return e.forEach(t=>{let n=E(t),s=r[n]||[];s.push(N(t)),r[n]=s;}),r}i(R,"X");o(R,"buildSnapshotViewportsLookup");function G(e,r,t){d(t),f(t).then(()=>{let n=c.resolve(c.dirname(b.resolve("storybook/package.json")),"./index.js");child_process.execFileSync("node",[n,"dev",...e,"-c",r],{stdio:"inherit"});});}i(G,"It");o(G,"archiveStorybook");function m(e,r,t){d(t),f(t).then(()=>{let n=c.resolve(c.dirname(b.resolve("storybook/package.json")),"./index.js");child_process.execFileSync("node",[n,"build",...e,"-c",r],{stdio:"inherit"});});}i(m,"Tt");o(m,"buildArchiveStorybook");var $="test-results";var Q=process.argv.slice(2),Y=c__default.default.resolve(__dirname,"../storybook-config");try{m(Q,Y,$);}catch(e){console.error(e.message),process.exitCode=1;}
 //# sourceMappingURL=out.js.map

package/dist/bin/build-archive-storybook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/bin/build-archive-storybook.ts","../../src/constants.ts"],"names":["path","DEFAULT_OUTPUT_DIR","args","process","argv","slice","configDir","resolve","__dirname","buildArchiveStorybook","err","console","error","message","exitCode"],"mappings":";;;;;0lFAGA,OAAOA,MAAU,OCHV,IAAMC,EAAqB,eDOlC,IAAMC,EAAOC,QAAQC,KAAKC,MAAM,CAAA,EAC1BC,EAAYN,EAAKO,QAAQC,UAAW,qBAAA,EAE1C,GAAI,CACFC,EAAsBP,EAAMI,EAAWL,CAAAA,CACzC,OAASS,EAAK,CAGZC,QAAQC,MAAMF,EAAIG,OAAO,EACzBV,QAAQW,SAAW,CACrB","sourcesContent":["#!/usr/bin/env node\n\nimport { buildArchiveStorybook } from '@chromatic-com/shared-e2e/archive-storybook';\nimport path from 'path';\nimport { DEFAULT_OUTPUT_DIR } from '../constants';\n\n// Discard first two entries (exec path and file path)\nconst args = process.argv.slice(2);\nconst configDir = path.resolve(__dirname, '../storybook-config');\n\ntry {\n  buildArchiveStorybook(args, configDir, DEFAULT_OUTPUT_DIR);\n} catch (err) {\n  // Throwing the error results in a large output of minified code and a stacktrace that is\n  // likely not helpful to users, so this should hide the noise.\n  console.error(err.message);\n  process.exitCode = 1;\n}\n","export const DEFAULT_OUTPUT_DIR = 'test-results';\n"]}
+{"version":3,"sources":["../../src/bin/build-archive-storybook.ts","../../src/constants.ts"],"names":["path","DEFAULT_OUTPUT_DIR","args","process","argv","slice","configDir","resolve","__dirname","buildArchiveStorybook","err","console","error","message","exitCode"],"mappings":";;;0lFAGA,OAAOA,MAAU,OCHV,IAAMC,EAAqB,eDOlC,IAAMC,EAAOC,QAAQC,KAAKC,MAAM,CAAA,EAC1BC,EAAYN,EAAKO,QAAQC,UAAW,qBAAA,EAE1C,GAAI,CACFC,EAAsBP,EAAMI,EAAWL,CAAAA,CACzC,OAASS,EAAK,CAGZC,QAAQC,MAAMF,EAAIG,OAAO,EACzBV,QAAQW,SAAW,CACrB","sourcesContent":["#!/usr/bin/env node\n\nimport { buildArchiveStorybook } from '@chromatic-com/shared-e2e/archive-storybook';\nimport path from 'path';\nimport { DEFAULT_OUTPUT_DIR } from '../constants';\n\n// Discard first two entries (exec path and file path)\nconst args = process.argv.slice(2);\nconst configDir = path.resolve(__dirname, '../storybook-config');\n\ntry {\n  buildArchiveStorybook(args, configDir, DEFAULT_OUTPUT_DIR);\n} catch (err) {\n  // Throwing the error results in a large output of minified code and a stacktrace that is\n  // likely not helpful to users, so this should hide the noise.\n  console.error(err.message);\n  process.exitCode = 1;\n}\n","export const DEFAULT_OUTPUT_DIR = 'test-results';\n"]}

package/dist/storybook-config/main.js

@@ -1,17 +1,14 @@
 'use strict';
 
-var module$1 = require('module');
 var s = require('path');
 var fs = require('fs');
 var promises = require('fs/promises');
 
-var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var s__default = /*#__PURE__*/_interopDefault(s);
 
-const require$1 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
-var d=Object.defineProperty;var t=(e,r)=>d(e,"name",{value:r,configurable:!0}),c=(e=>typeof require$1<"u"?require$1:typeof Proxy<"u"?new Proxy(e,{get:(r,m)=>(typeof require$1<"u"?require$1:r)[m]}):e)(function(e){if(typeof require$1<"u")return require$1.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var A=Object.defineProperty,o=t((e,r)=>A(e,"name",{value:r,configurable:!0}),"e");function f(){return process.cwd()}t(f,"p");o(f,"rootDir");function l(){let{CHROMATIC_ARCHIVE_LOCATION:e}=process.env;return e}t(l,"f");o(l,"outputDirOverride");function i(e){let r=l()||e;return s__default.default.resolve(f(),r,"chromatic-archives")}t(i,"i");o(i,"archivesDir");function C(e){return s__default.default.resolve(i(e),"archive")}t(C,"y");o(C,"assetsDir");function F(e){let r=i(e);if(!fs.existsSync(r))throw new Error(`Chromatic archives directory cannot be found: ${r}
+var d=Object.defineProperty;var t=(e,r)=>d(e,"name",{value:r,configurable:!0}),c=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(r,m)=>(typeof require<"u"?require:r)[m]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var A=Object.defineProperty,o=t((e,r)=>A(e,"name",{value:r,configurable:!0}),"e");function f(){return process.cwd()}t(f,"p");o(f,"rootDir");function l(){let{CHROMATIC_ARCHIVE_LOCATION:e}=process.env;return e}t(l,"f");o(l,"outputDirOverride");function i(e){let r=l()||e;return s__default.default.resolve(f(),r,"chromatic-archives")}t(i,"i");o(i,"archivesDir");function C(e){return s__default.default.resolve(i(e),"archive")}t(C,"y");o(C,"assetsDir");function F(e){let r=i(e);if(!fs.existsSync(r))throw new Error(`Chromatic archives directory cannot be found: ${r}
 
 Please make sure that you have run your E2E tests, or have set the CHROMATIC_ARCHIVE_LOCATION env var if the output directory for the tests is not in the standard location.`)}t(F,"C");o(F,"checkArchivesDirExists");function v(e){fs.existsSync(e)||fs.mkdirSync(e,{recursive:!0});}t(v,"h");o(v,"ensureDir");async function h(e,r){return v(s__default.default.dirname(e)),promises.writeFile(e,r,{mode:511})}t(h,"v");o(h,"outputFile");async function T(e,r){return h(e,JSON.stringify(r))}t(T,"l");o(T,"outputJSONFile");async function k(e){let r=await promises.readFile(e);return JSON.parse(r.toString())}t(k,"A");o(k,"readJSONFile");var a="test-results";function p(e){return s__default.default.dirname(c.resolve(s__default.default.join(e,"package.json")))}t(p,"getAbsolutePath");var U={stories:[s__default.default.resolve(i(a),"*.stories.json")],addons:[p("@storybook/addon-essentials"),"."],framework:{name:p("@storybook/server-webpack5"),options:{}},staticDirs:[s__default.default.resolve(i(a),"archive")]};
 

package/dist/storybook-config/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/storybook-config/main.ts","../../src/constants.ts"],"names":["path","DEFAULT_OUTPUT_DIR","getAbsolutePath","value","dirname","require","resolve","join","main_default","stories","archivesDir","addons","framework","name","options","staticDirs"],"mappings":";;oUAAA,OAAOA,MAAU;;uiBCAV,IAAMC,EAAqB,eDIlC,SAASC,EAAgBC,EAAa,CACpC,OAAOH,EAAKI,QAAQC,EAAQC,QAAQN,EAAKO,KAAKJ,EAAO,cAAA,CAAA,CAAA,CACvD,CAFSD,EAAAA,EAAAA,mBAKT,IAAAM,EAAe,CACbC,QAAS,CAACT,EAAKM,QAAQI,EAAYT,CAAAA,EAAqB,gBAAA,GACxDU,OAAQ,CAACT,EAAgB,6BAAA,EAAgC,KACzDU,UAAW,CACTC,KAAMX,EAAgB,4BAAA,EACtBY,QAAS,CAAC,CACZ,EACAC,WAAY,CAACf,EAAKM,QAAQI,EAAYT,CAAAA,EAAqB,SAAA,EAC7D","sourcesContent":["import path from 'path';\nimport { archivesDir } from '@chromatic-com/shared-e2e/utils/filePaths';\nimport { DEFAULT_OUTPUT_DIR } from '../constants';\n\nfunction getAbsolutePath(value: string) {\n  return path.dirname(require.resolve(path.join(value, 'package.json')));\n}\n\n/** @type { import('@storybook/server-webpack5').StorybookConfig } */\nexport default {\n  stories: [path.resolve(archivesDir(DEFAULT_OUTPUT_DIR), '*.stories.json')],\n  addons: [getAbsolutePath('@storybook/addon-essentials'), '.'],\n  framework: {\n    name: getAbsolutePath('@storybook/server-webpack5'),\n    options: {},\n  },\n  staticDirs: [path.resolve(archivesDir(DEFAULT_OUTPUT_DIR), 'archive')],\n};\n","export const DEFAULT_OUTPUT_DIR = 'test-results';\n"]}
+{"version":3,"sources":["../../src/storybook-config/main.ts","../../src/constants.ts"],"names":["path","DEFAULT_OUTPUT_DIR","getAbsolutePath","value","dirname","require","resolve","join","main_default","stories","archivesDir","addons","framework","name","options","staticDirs"],"mappings":"oUAAA,OAAOA,MAAU;;uiBCAV,IAAMC,EAAqB,eDIlC,SAASC,EAAgBC,EAAa,CACpC,OAAOH,EAAKI,QAAQC,EAAQC,QAAQN,EAAKO,KAAKJ,EAAO,cAAA,CAAA,CAAA,CACvD,CAFSD,EAAAA,EAAAA,mBAKT,IAAAM,EAAe,CACbC,QAAS,CAACT,EAAKM,QAAQI,EAAYT,CAAAA,EAAqB,gBAAA,GACxDU,OAAQ,CAACT,EAAgB,6BAAA,EAAgC,KACzDU,UAAW,CACTC,KAAMX,EAAgB,4BAAA,EACtBY,QAAS,CAAC,CACZ,EACAC,WAAY,CAACf,EAAKM,QAAQI,EAAYT,CAAAA,EAAqB,SAAA,EAC7D","sourcesContent":["import path from 'path';\nimport { archivesDir } from '@chromatic-com/shared-e2e/utils/filePaths';\nimport { DEFAULT_OUTPUT_DIR } from '../constants';\n\nfunction getAbsolutePath(value: string) {\n  return path.dirname(require.resolve(path.join(value, 'package.json')));\n}\n\n/** @type { import('@storybook/server-webpack5').StorybookConfig } */\nexport default {\n  stories: [path.resolve(archivesDir(DEFAULT_OUTPUT_DIR), '*.stories.json')],\n  addons: [getAbsolutePath('@storybook/addon-essentials'), '.'],\n  framework: {\n    name: getAbsolutePath('@storybook/server-webpack5'),\n    options: {},\n  },\n  staticDirs: [path.resolve(archivesDir(DEFAULT_OUTPUT_DIR), 'archive')],\n};\n","export const DEFAULT_OUTPUT_DIR = 'test-results';\n"]}

package/dist/storybook-config/manager.js

@@ -1,10 +1,7 @@
 'use strict';
 
-var module$1 = require('module');
 var managerApi = require('@storybook/manager-api');
 
-var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
-module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
 managerApi.addons.setConfig({sidebar:{showRoots:!1}});
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=manager.js.map

package/dist/storybook-config/manager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../shared/storybook-config/manager.ts"],"names":["addons","setConfig","sidebar","showRoots"],"mappings":";;AAAA,OAASA,UAAAA,MAAc,yBAEvBA,EAAOC,UAAU,CACfC,QAAS,CAEPC,UAAW,EACb,CACF,CAAA","sourcesContent":["import { addons } from '@storybook/manager-api';\n\naddons.setConfig({\n  sidebar: {\n    // this ensures we use folders at the root-level instead of categories\n    showRoots: false,\n  },\n});\n"]}
+{"version":3,"sources":["../../../shared/storybook-config/manager.ts"],"names":["addons","setConfig","sidebar","showRoots"],"mappings":"AAAA,OAASA,UAAAA,MAAc,yBAEvBA,EAAOC,UAAU,CACfC,QAAS,CAEPC,UAAW,EACb,CACF,CAAA","sourcesContent":["import { addons } from '@storybook/manager-api';\n\naddons.setConfig({\n  sidebar: {\n    // this ensures we use folders at the root-level instead of categories\n    showRoots: false,\n  },\n});\n"]}

package/dist/storybook-config/preview.mjs

@@ -1,7 +1,5 @@
-import { createRequire } from 'module';
 import { rebuild, NodeType } from 'rrweb-snapshot';
 
-createRequire(import.meta.url);
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var pageUrl = new URL(window.location.href);

package/dist/storybook-config/preview.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../shared/storybook-config/preview.ts"],"names":["NodeType","rebuild","pageUrl","URL","window","location","href","pathname","search","strippedUrl","toString","replace","findHtmlNode","node","type","Element","tagName","childNodes","find","childNode","undefined","snapshotFileName","snapshotId","viewport","fileNameParts","join","fetchSnapshot","context","url","id","storyContext","parameters","server","globals","viewportName","width","height","response","fetch","ok","defaultViewport","json","renderToCanvas","element","snapshot","htmlNode","html","doc","document","replaceChild","children","head","innerHTML","showMain","layout"],"mappings":";;;;;;AAEA,SAASA,UAAUC,eAAe;AAElC,IAAMC,UAAU,IAAIC,IAAIC,OAAOC,SAASC,IAAI;AAC5CJ,QAAQK,WAAW;AACnBL,QAAQM,SAAS;AACjB,IAAMC,cAAcP,QAAQQ,SAAQ,EAAGC,QAAQ,OAAO,EAAA;AAOtD,IAAMC,eAAe,wBAACC,SAAAA;AACpB,MAAIA,KAAKC,SAASd,SAASe,WAAWF,KAAKG,YAAY,QAAQ;AAC7D,WAAOH;EACT;AAEA,MAAI,gBAAgBA,MAAM;AACxB,WAAOA,KAAKI,WAAWC,KAAK,CAACC,cAAAA;AAC3B,aAAOP,aAAaO,SAAAA;IACtB,CAAA;EACF;AAEA,SAAOC;AACT,GAZqB;AAerB,SAASC,iBAAiBC,YAAoBC,UAAgB;AAC5D,QAAMC,gBAAgB;IAACF;IAAYC;IAAU;;AAC7C,SAAOC,cAAcC,KAAK,GAAA;AAC5B;AAHSJ;AAKT,eAAeK,cAAcC,SAAsC;AACjE,QAAM,EAAEC,KAAKC,GAAE,IAAKF,QAAQG,aAAaC,WAAWC;AACpD,QAAM,EAAET,SAAQ,IAAKI,QAAQG,aAAaG;AAG1C,MAAIC;AACJ,MAAI,OAAOX,aAAa,UAAU;AAChCW,mBAAeX;EACjB,OAAO;AAELW,mBAAe,IAAIX,SAASY,KAAK,IAAIZ,SAASa,MAAM;EACtD;AAEA,MAAIC,WAAW,MAAMC,MAAM,GAAGV,GAAAA,IAAOP,iBAAiBQ,IAAIK,YAAAA,CAAAA,EAAe;AACzE,MAAI,CAACG,SAASE,IAAI;AAGhB,UAAM,EAAEC,gBAAe,IAAKb,QAAQG,aAAaC,WAAWR;AAC5Dc,eAAW,MAAMC,MAAM,GAAGV,GAAAA,IAAOP,iBAAiBQ,IAAIW,eAAAA,CAAAA,EAAkB;EAC1E;AAEA,SAAOH,SAASI,KAAI;AACtB;AAtBef;AAwBf,IAAMgB,iBAAiD,8BAAOf,SAASgB,YAAAA;AACrE,QAAMC,WAAW,MAAMlB,cAAcC,OAAAA;AAGrC,QAAMkB,WAAWjC,aAAagC,QAAAA;AAQ9B,QAAME,OAAQ,MAAM7C,QAAQ4C,UAAU;IAAEE,KAAKC;EAAS,CAAA;AAGtDA,WAASC,aAAaH,MAAME,SAASE,SAAS,CAAA,CAAE;AAOhDF,WAASG,KAAKC,aACZ;AAEFzB,UAAQ0B,SAAQ;AAChB,SAAO,MAAA;EAAO;AAChB,GA3BuD;AA6BvD,IAAA,kBAAe;EACbX;EACAX,YAAY;IACVC,QAAQ;MAAEJ,KAAKnB;IAAY;IAC3B6C,QAAQ;EACV;AACF","sourcesContent":["import type { RenderContext, RenderToCanvas, WebRenderer } from '@storybook/types';\nimport type { serializedNodeWithId } from 'rrweb-snapshot';\nimport { NodeType, rebuild } from 'rrweb-snapshot';\n\nconst pageUrl = new URL(window.location.href);\npageUrl.pathname = '';\npageUrl.search = '';\nconst strippedUrl = pageUrl.toString().replace(/\\/$/, '');\n\nexport interface RRWebFramework extends WebRenderer {\n  component: undefined;\n  storyResult: Record<string, never>;\n}\n\nconst findHtmlNode = (node: serializedNodeWithId): serializedNodeWithId | undefined => {\n  if (node.type === NodeType.Element && node.tagName === 'html') {\n    return node;\n  }\n\n  if ('childNodes' in node) {\n    return node.childNodes.find((childNode) => {\n      return findHtmlNode(childNode);\n    });\n  }\n\n  return undefined;\n};\n\n// NOTE: This is duplicated in the shared package due to bundling issues\nfunction snapshotFileName(snapshotId: string, viewport: string) {\n  const fileNameParts = [snapshotId, viewport, 'snapshot.json'];\n  return fileNameParts.join('.');\n}\n\nasync function fetchSnapshot(context: RenderContext<RRWebFramework>) {\n  const { url, id } = context.storyContext.parameters.server;\n  const { viewport } = context.storyContext.globals;\n\n  // Viewport seems to be a string or an object\n  let viewportName;\n  if (typeof viewport === 'string') {\n    viewportName = viewport;\n  } else {\n    // NOTE: This is duplicated in the shared package due to bundling issues\n    viewportName = `w${viewport.width}h${viewport.height}`;\n  }\n\n  let response = await fetch(`${url}/${snapshotFileName(id, viewportName)}`);\n  if (!response.ok) {\n    // Possibly a viewport was specified that we haven't captured, or it's the addon's\n    // default of `reset`, so we'll load the default viewport snapshot instead.\n    const { defaultViewport } = context.storyContext.parameters.viewport;\n    response = await fetch(`${url}/${snapshotFileName(id, defaultViewport)}`);\n  }\n\n  return response.json();\n}\n\nconst renderToCanvas: RenderToCanvas<RRWebFramework> = async (context, element) => {\n  const snapshot = await fetchSnapshot(context);\n\n  // The snapshot is a representation of a complete HTML document\n  const htmlNode = findHtmlNode(snapshot);\n\n  // If you rebuild the full snapshot with rrweb (the document) it will replace the\n  // current document and call `document.open()` in the process, which unbinds all event handlers\n  // (and breaks Storybook).\n  // However, if you just rebuild the html element part, it will recreate but not attempt to\n  // insert it in the DOM.\n  // @ts-expect-error rebuild is typed incorreclty, cache and mirror are optional\n  const html = (await rebuild(htmlNode, { doc: document })) as HTMLElement;\n\n  // Now we insert the rebuilt html element in the DOM\n  document.replaceChild(html, document.children[0]);\n\n  // Storybook's WebView will throw an error if it cannot find these two ids in the DOM.\n  // We never render docs (so the #storybook-docs doesn't matter), and our`renderToCanvas`\n  // function is already ignoring the #storybook-root (`element` above), so it doesn't matter where\n  // they are or what they contain.\n  // We make them a script in the head to ensure they don't impact layout.\n  document.head.innerHTML +=\n    '<script id=\"storybook-root\"></script><script id=\"storybook-docs\"></script>';\n\n  context.showMain();\n  return () => {}; // We can't really cleanup\n};\n\nexport default {\n  renderToCanvas,\n  parameters: {\n    server: { url: strippedUrl },\n    layout: 'fullscreen',\n  },\n};\n"]}
+{"version":3,"sources":["../../../shared/storybook-config/preview.ts"],"names":["NodeType","rebuild","pageUrl","URL","window","location","href","pathname","search","strippedUrl","toString","replace","findHtmlNode","node","type","Element","tagName","childNodes","find","childNode","undefined","snapshotFileName","snapshotId","viewport","fileNameParts","join","fetchSnapshot","context","url","id","storyContext","parameters","server","globals","viewportName","width","height","response","fetch","ok","defaultViewport","json","renderToCanvas","element","snapshot","htmlNode","html","doc","document","replaceChild","children","head","innerHTML","showMain","layout"],"mappings":";;;;AAEA,SAASA,UAAUC,eAAe;AAElC,IAAMC,UAAU,IAAIC,IAAIC,OAAOC,SAASC,IAAI;AAC5CJ,QAAQK,WAAW;AACnBL,QAAQM,SAAS;AACjB,IAAMC,cAAcP,QAAQQ,SAAQ,EAAGC,QAAQ,OAAO,EAAA;AAOtD,IAAMC,eAAe,wBAACC,SAAAA;AACpB,MAAIA,KAAKC,SAASd,SAASe,WAAWF,KAAKG,YAAY,QAAQ;AAC7D,WAAOH;EACT;AAEA,MAAI,gBAAgBA,MAAM;AACxB,WAAOA,KAAKI,WAAWC,KAAK,CAACC,cAAAA;AAC3B,aAAOP,aAAaO,SAAAA;IACtB,CAAA;EACF;AAEA,SAAOC;AACT,GAZqB;AAerB,SAASC,iBAAiBC,YAAoBC,UAAgB;AAC5D,QAAMC,gBAAgB;IAACF;IAAYC;IAAU;;AAC7C,SAAOC,cAAcC,KAAK,GAAA;AAC5B;AAHSJ;AAKT,eAAeK,cAAcC,SAAsC;AACjE,QAAM,EAAEC,KAAKC,GAAE,IAAKF,QAAQG,aAAaC,WAAWC;AACpD,QAAM,EAAET,SAAQ,IAAKI,QAAQG,aAAaG;AAG1C,MAAIC;AACJ,MAAI,OAAOX,aAAa,UAAU;AAChCW,mBAAeX;EACjB,OAAO;AAELW,mBAAe,IAAIX,SAASY,KAAK,IAAIZ,SAASa,MAAM;EACtD;AAEA,MAAIC,WAAW,MAAMC,MAAM,GAAGV,GAAAA,IAAOP,iBAAiBQ,IAAIK,YAAAA,CAAAA,EAAe;AACzE,MAAI,CAACG,SAASE,IAAI;AAGhB,UAAM,EAAEC,gBAAe,IAAKb,QAAQG,aAAaC,WAAWR;AAC5Dc,eAAW,MAAMC,MAAM,GAAGV,GAAAA,IAAOP,iBAAiBQ,IAAIW,eAAAA,CAAAA,EAAkB;EAC1E;AAEA,SAAOH,SAASI,KAAI;AACtB;AAtBef;AAwBf,IAAMgB,iBAAiD,8BAAOf,SAASgB,YAAAA;AACrE,QAAMC,WAAW,MAAMlB,cAAcC,OAAAA;AAGrC,QAAMkB,WAAWjC,aAAagC,QAAAA;AAQ9B,QAAME,OAAQ,MAAM7C,QAAQ4C,UAAU;IAAEE,KAAKC;EAAS,CAAA;AAGtDA,WAASC,aAAaH,MAAME,SAASE,SAAS,CAAA,CAAE;AAOhDF,WAASG,KAAKC,aACZ;AAEFzB,UAAQ0B,SAAQ;AAChB,SAAO,MAAA;EAAO;AAChB,GA3BuD;AA6BvD,IAAA,kBAAe;EACbX;EACAX,YAAY;IACVC,QAAQ;MAAEJ,KAAKnB;IAAY;IAC3B6C,QAAQ;EACV;AACF","sourcesContent":["import type { RenderContext, RenderToCanvas, WebRenderer } from '@storybook/types';\nimport type { serializedNodeWithId } from 'rrweb-snapshot';\nimport { NodeType, rebuild } from 'rrweb-snapshot';\n\nconst pageUrl = new URL(window.location.href);\npageUrl.pathname = '';\npageUrl.search = '';\nconst strippedUrl = pageUrl.toString().replace(/\\/$/, '');\n\nexport interface RRWebFramework extends WebRenderer {\n  component: undefined;\n  storyResult: Record<string, never>;\n}\n\nconst findHtmlNode = (node: serializedNodeWithId): serializedNodeWithId | undefined => {\n  if (node.type === NodeType.Element && node.tagName === 'html') {\n    return node;\n  }\n\n  if ('childNodes' in node) {\n    return node.childNodes.find((childNode) => {\n      return findHtmlNode(childNode);\n    });\n  }\n\n  return undefined;\n};\n\n// NOTE: This is duplicated in the shared package due to bundling issues\nfunction snapshotFileName(snapshotId: string, viewport: string) {\n  const fileNameParts = [snapshotId, viewport, 'snapshot.json'];\n  return fileNameParts.join('.');\n}\n\nasync function fetchSnapshot(context: RenderContext<RRWebFramework>) {\n  const { url, id } = context.storyContext.parameters.server;\n  const { viewport } = context.storyContext.globals;\n\n  // Viewport seems to be a string or an object\n  let viewportName;\n  if (typeof viewport === 'string') {\n    viewportName = viewport;\n  } else {\n    // NOTE: This is duplicated in the shared package due to bundling issues\n    viewportName = `w${viewport.width}h${viewport.height}`;\n  }\n\n  let response = await fetch(`${url}/${snapshotFileName(id, viewportName)}`);\n  if (!response.ok) {\n    // Possibly a viewport was specified that we haven't captured, or it's the addon's\n    // default of `reset`, so we'll load the default viewport snapshot instead.\n    const { defaultViewport } = context.storyContext.parameters.viewport;\n    response = await fetch(`${url}/${snapshotFileName(id, defaultViewport)}`);\n  }\n\n  return response.json();\n}\n\nconst renderToCanvas: RenderToCanvas<RRWebFramework> = async (context, element) => {\n  const snapshot = await fetchSnapshot(context);\n\n  // The snapshot is a representation of a complete HTML document\n  const htmlNode = findHtmlNode(snapshot);\n\n  // If you rebuild the full snapshot with rrweb (the document) it will replace the\n  // current document and call `document.open()` in the process, which unbinds all event handlers\n  // (and breaks Storybook).\n  // However, if you just rebuild the html element part, it will recreate but not attempt to\n  // insert it in the DOM.\n  // @ts-expect-error rebuild is typed incorreclty, cache and mirror are optional\n  const html = (await rebuild(htmlNode, { doc: document })) as HTMLElement;\n\n  // Now we insert the rebuilt html element in the DOM\n  document.replaceChild(html, document.children[0]);\n\n  // Storybook's WebView will throw an error if it cannot find these two ids in the DOM.\n  // We never render docs (so the #storybook-docs doesn't matter), and our`renderToCanvas`\n  // function is already ignoring the #storybook-root (`element` above), so it doesn't matter where\n  // they are or what they contain.\n  // We make them a script in the head to ensure they don't impact layout.\n  document.head.innerHTML +=\n    '<script id=\"storybook-root\"></script><script id=\"storybook-docs\"></script>';\n\n  context.showMain();\n  return () => {}; // We can't really cleanup\n};\n\nexport default {\n  renderToCanvas,\n  parameters: {\n    server: { url: strippedUrl },\n    layout: 'fullscreen',\n  },\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromatic-com/playwright",
-  "version": "0.6.4-459d5b5-20240311220135",
+  "version": "0.6.4",
   "description": "Chromatic Visual Regression Testing for Playwright",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
     "prebuild": "yarn clean",
     "build": "yarn prebuild && tsup",
     "build:watch": "yarn build --watch",
-    "test:unit": "jest --passWithNoTests",
+    "test:unit": "jest --passWithNoTests --coverage",
     "test:playwright": "playwright test",
     "start": "yarn build:watch",
     "lint": "eslint src/*",