@storybook/addon-vitest 0.0.0-pr-31819-sha-8b7e5823 → 0.0.0-pr-32047-sha-6cc3189c

package/dist/vitest-plugin/playwright-utils.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var convertToFilePath=url=>url.replace(/^file:\/\//,"").replace(/^\/+([a-zA-Z]:)/,"$1").replace(/%20/g," ");async function prepareScript(page){await page.goto("http://localhost:6006/iframe.html",{waitUntil:"load"}).catch(err=>{if(err.message?.includes("ERR_CONNECTION_REFUSED")){let errorMessage=`Could not access the Storybook instance at http://localhost:6006. Are you sure it's running?
+
+${err.message}`;throw new Error(errorMessage)}throw err}),await page.exposeBinding("logToPage",(_,message)=>console.log(message));}async function setupPageScript(page){await page.evaluate(async()=>{let TEST_RUNNER_STORYBOOK_URL="http://localhost:6006",TEST_RUNNER_VERSION="1.0.0",TEST_RUNNER_RENDERED_EVENT="storyFinished",TEST_RUNNER_VIEW_MODE="story",TEST_RUNNER_LOG_LEVEL="verbose",bold=message=>`\x1B[1m${message}\x1B[22m`,magenta=message=>`\x1B[35m${message}\x1B[39m`,blue=message=>`\x1B[34m${message}\x1B[39m`,red=message=>`\x1B[31m${message}\x1B[39m`,yellow=message=>`\x1B[33m${message}\x1B[39m`,grey=message=>`\x1B[90m${message}\x1B[39m`,LIMIT_REPLACE_NODE="[...]",CIRCULAR_REPLACE_NODE="[Circular]",arr=[],replacerStack=[];function defaultOptions(){return {depthLimit:Number.MAX_SAFE_INTEGER,edgesLimit:Number.MAX_SAFE_INTEGER}}function stringify(obj,replacer,spacer,options){typeof options>"u"&&(options=defaultOptions()),decirc(obj,"",0,[],void 0,0,options);let res;try{replacerStack.length===0?res=JSON.stringify(obj,replacer,spacer):res=JSON.stringify(obj,replaceGetterValues(replacer),spacer);}catch{return JSON.stringify("[unable to serialize, circular reference is too complex to analyze]")}finally{for(;arr.length!==0;){let part=arr.pop();part&&part.length===4?Object.defineProperty(part[0],part[1],part[3]):part&&(part[0][part[1]]=part[2]);}}return res}function decirc(val,k,edgeIndex,stack,parent,depth,options){depth+=1;let i;if(typeof val=="object"&&val!==null){for(i=0;i<stack.length;i++)if(stack[i]===val){setReplace(CIRCULAR_REPLACE_NODE,val,k,parent);return}if(depth>options.depthLimit||edgeIndex+1>options.edgesLimit){setReplace(LIMIT_REPLACE_NODE,val,k,parent);return}if(stack.push(val),Array.isArray(val))for(i=0;i<val.length;i++)decirc(val[i],i.toString(),i,stack,val,depth,options);else {let keys=Object.keys(val);for(i=0;i<keys.length;i++){let key=keys[i];decirc(val[key],key,i,stack,val,depth,options);}}stack.pop();}}function setReplace(replace,val,k,parent){if(!parent)return;let propertyDescriptor=Object.getOwnPropertyDescriptor(parent,k);propertyDescriptor&&propertyDescriptor.get!==void 0?propertyDescriptor.configurable?(Object.defineProperty(parent,k,{value:replace}),arr.push([parent,k,val,propertyDescriptor])):replacerStack.push([val,k,replace]):(parent[k]=replace,arr.push([parent,k,val]));}function replaceGetterValues(replacer){let effectiveReplacer=replacer??((_k,v)=>v);return function(key,val){if(replacerStack.length>0)for(let i=0;i<replacerStack.length;i++){let part=replacerStack[i];if(part[1]===key&&part[0]===val){val=part[2],replacerStack.splice(i,1);break}}return effectiveReplacer.call(this,key,val)}}function composeMessage(args){return args instanceof Error?`${args.name}: ${args.message}
+${args.stack}`:typeof args>"u"?"undefined":typeof args=="string"?args:stringify(args,null,null,{depthLimit:5,edgesLimit:100})}function truncate(input,limit){return input.length>limit?input.substring(0,limit)+"\u2026":input}function addToUserAgent(extra){let originalUserAgent=globalThis.navigator.userAgent;originalUserAgent.includes(extra)||Object.defineProperty(globalThis.navigator,"userAgent",{get:function(){return [originalUserAgent,extra].join(" ")},configurable:!0});}function getStory(){let currentRender=globalThis.__STORYBOOK_PREVIEW__.currentRender;return currentRender&&"story"in currentRender?currentRender.story:{}}class StorybookTestRunnerError extends Error{constructor(params){let{storyId,errorMessage,logs=[],isMessageFormatted=!1}=params,message=isMessageFormatted?errorMessage:StorybookTestRunnerError.buildErrorMessage({storyId,errorMessage,logs});super(message),this.name="StorybookTestRunnerError";}static buildErrorMessage(params){let{storyId,errorMessage,logs=[],panel,errorMessagePrefix=""}=params,storyUrl=`${TEST_RUNNER_STORYBOOK_URL}?path=/story/${storyId}`,finalStoryUrl=panel?`${storyUrl}&addonPanel=${panel}`:storyUrl,separator=`
+
+--------------------------------------------------`,finalLogs=logs.filter(err=>!err.includes(errorMessage)),extraLogs=finalLogs.length>0?separator+`
+
+Browser logs:
+
+`+finalLogs.join(`
+
+`):"",linkPrefix=blue(`
+Click to debug the error directly in Storybook:
+${finalStoryUrl}
+
+`);return `${errorMessagePrefix}${linkPrefix}Message:
+ ${truncate(errorMessage,1e3)}
+${extraLogs}`}}async function __waitForStorybook(){return new Promise((resolve,reject)=>{let timeout=setTimeout(()=>{reject();},1e4);if(document.querySelector("#root")||document.querySelector("#storybook-root"))return clearTimeout(timeout),resolve();let observer=new MutationObserver(()=>{(document.querySelector("#root")||document.querySelector("#storybook-root"))&&(clearTimeout(timeout),resolve(),observer.disconnect());});observer.observe(document.body,{childList:!0,subtree:!0});})}function isServerComponentError(error){return typeof error=="string"&&(error.includes("Only Server Components can be async at the moment.")||error.includes("A component was suspended by an uncached promise.")||error.includes("async/await is not yet supported in Client Components"))}function expectToHaveNoViolations(results){let violations=filterViolations(results.violations,results.toolOptions?.impactLevels??[]);function reporter(violations2){if(violations2.length===0)return null;let lineBreak=`
+
+`;return violations2.map(violation=>violation.nodes.map(node=>{let selector=node.target.join(", ");return red(`Expected the HTML found at $('${selector}') to have no violations:`)+lineBreak+grey(node.html)+lineBreak+red("Received:")+lineBreak+red(`"${violation.help} (${violation.id})"`)+lineBreak+yellow(node.failureSummary)+lineBreak+(violation.helpUrl?red("You can find more information on this issue here:")+`
+${blue(violation.helpUrl)}`:"")}).join(lineBreak)).join(lineBreak+"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"+lineBreak)}return {long:reporter(violations),short:`Found ${violations.length} a11y violations, run the test with 'a11y: { test: 'error' }' parameter to see the full report or debug it directly in Storybook.`}}function filterViolations(violations,impactLevels){return impactLevels&&impactLevels.length>0?violations.filter(v=>impactLevels.includes(v.impact)):violations}async function __getContext(storyId){return globalThis.__STORYBOOK_PREVIEW__.storyStore.loadStory({storyId})}async function __test(storyId){try{await __waitForStorybook();}catch{let message=`Timed out waiting for Storybook to load after 10 seconds. Are you sure the Storybook is running correctly in that URL? Is the Storybook private (e.g. under authentication layers)?
+
+
+HTML: ${document.body.innerHTML}`;throw new StorybookTestRunnerError({storyId,errorMessage:message})}let channel=globalThis.__STORYBOOK_ADDONS_CHANNEL__;if(!channel)throw new StorybookTestRunnerError({storyId,errorMessage:"The test runner could not access the Storybook channel. Are you sure the Storybook is running correctly in that URL?"});addToUserAgent(`(StorybookTestRunner@${TEST_RUNNER_VERSION})`);let logs=[],hasErrors=!1,logLevelMapping={log:["info","verbose"],warn:["info","warn","verbose"],error:["info","warn","error","verbose"],info:["verbose"],trace:["verbose"],debug:["verbose"],group:["verbose"],groupCollapsed:["verbose"],table:["verbose"],dir:["verbose"]},spyOnConsole=(method,name)=>{let originalFn=console[method].bind(console);console[method]=function(...args){if(method==="error"&&isServerComponentError(args[0]))return;let shouldCollectError=method==="error";shouldCollectError&&(hasErrors=!0);let message=args.map(composeMessage).join(", ");if(method==="trace"){let stackTrace=new Error().stack;message+=`
+${stackTrace}
+`;}if(logLevelMapping[method].includes(TEST_RUNNER_LOG_LEVEL)||shouldCollectError){let prefix=`${bold(name)}: `;logs.push(prefix+message);}originalFn(...args);};};Object.entries({log:blue,info:blue,warn:yellow,error:red,dir:magenta,trace:magenta,group:magenta,groupCollapsed:magenta,table:magenta,debug:magenta}).forEach(([method,color])=>{spyOnConsole(method,color(method));});let cleanup=_listeners=>{Object.entries(_listeners).forEach(([eventName,listener])=>{channel.off(eventName,listener);});};return new Promise((resolve,reject)=>{let rejectWithFormattedError=(storyId2,message,panel)=>{let errorMessage=StorybookTestRunnerError.buildErrorMessage({storyId:storyId2,errorMessage:message,logs,panel});reject(new StorybookTestRunnerError({storyId:storyId2,errorMessage,logs,isMessageFormatted:!0}));},INTERACTIONS_PANEL="storybook/interactions/panel",A11Y_PANEL="storybook/a11y/panel",listeners={[TEST_RUNNER_RENDERED_EVENT]:data=>{if(cleanup(listeners),hasErrors){rejectWithFormattedError(storyId,"Browser console errors");return}else if(data?.reporters){let story=getStory(),a11yGlobals=story.globals?.a11y,a11yParameter=story.parameters?.a11y,a11yTestParameter=a11yParameter?.test,a11yReport=data.reporters.find(reporter=>reporter.type==="a11y");if(a11yParameter?.disable!==!0&&a11yParameter?.test!=="off"&&a11yGlobals?.manual!==!0&&a11yReport?.result?.violations?.length>0){let violations=expectToHaveNoViolations(a11yReport.result);if(violations&&a11yTestParameter==="error"){rejectWithFormattedError(storyId,violations.long,A11Y_PANEL);return}else if(violations&&a11yTestParameter==="todo"){let warningMessage=StorybookTestRunnerError.buildErrorMessage({storyId,errorMessagePrefix:`--------------------------
+${story.title} > ${story.name}`,errorMessage:yellow(violations.short),logs,panel:A11Y_PANEL});logToPage(warningMessage);}}}resolve(document.getElementById("root"));},storyUnchanged:()=>{cleanup(listeners),resolve(document.getElementById("root"));},storyErrored:({description})=>{cleanup(listeners),rejectWithFormattedError(storyId,description,INTERACTIONS_PANEL);},storyThrewException:error=>{cleanup(listeners),rejectWithFormattedError(storyId,error.message,INTERACTIONS_PANEL);},playFunctionThrewException:error=>{cleanup(listeners),rejectWithFormattedError(storyId,error.message,INTERACTIONS_PANEL);},unhandledErrorsWhilePlaying:([error])=>{cleanup(listeners),rejectWithFormattedError(storyId,error.message,INTERACTIONS_PANEL);},storyMissing:id=>{cleanup(listeners),id===storyId&&rejectWithFormattedError(storyId,"The story was missing when trying to access it.");}};Object.entries(listeners).forEach(([eventName,listener])=>{channel.on(eventName,listener);}),channel.emit("setCurrentStory",{storyId,viewMode:TEST_RUNNER_VIEW_MODE});})}globalThis.__test=__test,globalThis.__getContext=__getContext;});}async function testStory(storyId,page,context,playwrightFn){let _task=context.task;if(_task.meta.storyId=storyId,await page.evaluate(async storyId2=>await globalThis.__test(storyId2),storyId),playwrightFn){let storyContext=await page.evaluate(storyId2=>globalThis.__getContext(storyId2),storyId);await playwrightFn({page,context:storyContext});}let coverage=await page.evaluate(()=>globalThis.__coverage__);coverage&&await globalThis.__vitest_worker__.rpc.onAfterSuiteRun({coverage,testFiles:[],transformMode:"web"});}
+
+exports.convertToFilePath = convertToFilePath;
+exports.prepareScript = prepareScript;
+exports.setupPageScript = setupPageScript;
+exports.testStory = testStory;

package/dist/vitest-plugin/playwright-utils.mjs

@@ -0,0 +1,29 @@
+var convertToFilePath=url=>url.replace(/^file:\/\//,"").replace(/^\/+([a-zA-Z]:)/,"$1").replace(/%20/g," ");async function prepareScript(page){await page.goto("http://localhost:6006/iframe.html",{waitUntil:"load"}).catch(err=>{if(err.message?.includes("ERR_CONNECTION_REFUSED")){let errorMessage=`Could not access the Storybook instance at http://localhost:6006. Are you sure it's running?
+
+${err.message}`;throw new Error(errorMessage)}throw err}),await page.exposeBinding("logToPage",(_,message)=>console.log(message));}async function setupPageScript(page){await page.evaluate(async()=>{let TEST_RUNNER_STORYBOOK_URL="http://localhost:6006",TEST_RUNNER_VERSION="1.0.0",TEST_RUNNER_RENDERED_EVENT="storyFinished",TEST_RUNNER_VIEW_MODE="story",TEST_RUNNER_LOG_LEVEL="verbose",bold=message=>`\x1B[1m${message}\x1B[22m`,magenta=message=>`\x1B[35m${message}\x1B[39m`,blue=message=>`\x1B[34m${message}\x1B[39m`,red=message=>`\x1B[31m${message}\x1B[39m`,yellow=message=>`\x1B[33m${message}\x1B[39m`,grey=message=>`\x1B[90m${message}\x1B[39m`,LIMIT_REPLACE_NODE="[...]",CIRCULAR_REPLACE_NODE="[Circular]",arr=[],replacerStack=[];function defaultOptions(){return {depthLimit:Number.MAX_SAFE_INTEGER,edgesLimit:Number.MAX_SAFE_INTEGER}}function stringify(obj,replacer,spacer,options){typeof options>"u"&&(options=defaultOptions()),decirc(obj,"",0,[],void 0,0,options);let res;try{replacerStack.length===0?res=JSON.stringify(obj,replacer,spacer):res=JSON.stringify(obj,replaceGetterValues(replacer),spacer);}catch{return JSON.stringify("[unable to serialize, circular reference is too complex to analyze]")}finally{for(;arr.length!==0;){let part=arr.pop();part&&part.length===4?Object.defineProperty(part[0],part[1],part[3]):part&&(part[0][part[1]]=part[2]);}}return res}function decirc(val,k,edgeIndex,stack,parent,depth,options){depth+=1;let i;if(typeof val=="object"&&val!==null){for(i=0;i<stack.length;i++)if(stack[i]===val){setReplace(CIRCULAR_REPLACE_NODE,val,k,parent);return}if(depth>options.depthLimit||edgeIndex+1>options.edgesLimit){setReplace(LIMIT_REPLACE_NODE,val,k,parent);return}if(stack.push(val),Array.isArray(val))for(i=0;i<val.length;i++)decirc(val[i],i.toString(),i,stack,val,depth,options);else {let keys=Object.keys(val);for(i=0;i<keys.length;i++){let key=keys[i];decirc(val[key],key,i,stack,val,depth,options);}}stack.pop();}}function setReplace(replace,val,k,parent){if(!parent)return;let propertyDescriptor=Object.getOwnPropertyDescriptor(parent,k);propertyDescriptor&&propertyDescriptor.get!==void 0?propertyDescriptor.configurable?(Object.defineProperty(parent,k,{value:replace}),arr.push([parent,k,val,propertyDescriptor])):replacerStack.push([val,k,replace]):(parent[k]=replace,arr.push([parent,k,val]));}function replaceGetterValues(replacer){let effectiveReplacer=replacer??((_k,v)=>v);return function(key,val){if(replacerStack.length>0)for(let i=0;i<replacerStack.length;i++){let part=replacerStack[i];if(part[1]===key&&part[0]===val){val=part[2],replacerStack.splice(i,1);break}}return effectiveReplacer.call(this,key,val)}}function composeMessage(args){return args instanceof Error?`${args.name}: ${args.message}
+${args.stack}`:typeof args>"u"?"undefined":typeof args=="string"?args:stringify(args,null,null,{depthLimit:5,edgesLimit:100})}function truncate(input,limit){return input.length>limit?input.substring(0,limit)+"\u2026":input}function addToUserAgent(extra){let originalUserAgent=globalThis.navigator.userAgent;originalUserAgent.includes(extra)||Object.defineProperty(globalThis.navigator,"userAgent",{get:function(){return [originalUserAgent,extra].join(" ")},configurable:!0});}function getStory(){let currentRender=globalThis.__STORYBOOK_PREVIEW__.currentRender;return currentRender&&"story"in currentRender?currentRender.story:{}}class StorybookTestRunnerError extends Error{constructor(params){let{storyId,errorMessage,logs=[],isMessageFormatted=!1}=params,message=isMessageFormatted?errorMessage:StorybookTestRunnerError.buildErrorMessage({storyId,errorMessage,logs});super(message),this.name="StorybookTestRunnerError";}static buildErrorMessage(params){let{storyId,errorMessage,logs=[],panel,errorMessagePrefix=""}=params,storyUrl=`${TEST_RUNNER_STORYBOOK_URL}?path=/story/${storyId}`,finalStoryUrl=panel?`${storyUrl}&addonPanel=${panel}`:storyUrl,separator=`
+
+--------------------------------------------------`,finalLogs=logs.filter(err=>!err.includes(errorMessage)),extraLogs=finalLogs.length>0?separator+`
+
+Browser logs:
+
+`+finalLogs.join(`
+
+`):"",linkPrefix=blue(`
+Click to debug the error directly in Storybook:
+${finalStoryUrl}
+
+`);return `${errorMessagePrefix}${linkPrefix}Message:
+ ${truncate(errorMessage,1e3)}
+${extraLogs}`}}async function __waitForStorybook(){return new Promise((resolve,reject)=>{let timeout=setTimeout(()=>{reject();},1e4);if(document.querySelector("#root")||document.querySelector("#storybook-root"))return clearTimeout(timeout),resolve();let observer=new MutationObserver(()=>{(document.querySelector("#root")||document.querySelector("#storybook-root"))&&(clearTimeout(timeout),resolve(),observer.disconnect());});observer.observe(document.body,{childList:!0,subtree:!0});})}function isServerComponentError(error){return typeof error=="string"&&(error.includes("Only Server Components can be async at the moment.")||error.includes("A component was suspended by an uncached promise.")||error.includes("async/await is not yet supported in Client Components"))}function expectToHaveNoViolations(results){let violations=filterViolations(results.violations,results.toolOptions?.impactLevels??[]);function reporter(violations2){if(violations2.length===0)return null;let lineBreak=`
+
+`;return violations2.map(violation=>violation.nodes.map(node=>{let selector=node.target.join(", ");return red(`Expected the HTML found at $('${selector}') to have no violations:`)+lineBreak+grey(node.html)+lineBreak+red("Received:")+lineBreak+red(`"${violation.help} (${violation.id})"`)+lineBreak+yellow(node.failureSummary)+lineBreak+(violation.helpUrl?red("You can find more information on this issue here:")+`
+${blue(violation.helpUrl)}`:"")}).join(lineBreak)).join(lineBreak+"\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"+lineBreak)}return {long:reporter(violations),short:`Found ${violations.length} a11y violations, run the test with 'a11y: { test: 'error' }' parameter to see the full report or debug it directly in Storybook.`}}function filterViolations(violations,impactLevels){return impactLevels&&impactLevels.length>0?violations.filter(v=>impactLevels.includes(v.impact)):violations}async function __getContext(storyId){return globalThis.__STORYBOOK_PREVIEW__.storyStore.loadStory({storyId})}async function __test(storyId){try{await __waitForStorybook();}catch{let message=`Timed out waiting for Storybook to load after 10 seconds. Are you sure the Storybook is running correctly in that URL? Is the Storybook private (e.g. under authentication layers)?
+
+
+HTML: ${document.body.innerHTML}`;throw new StorybookTestRunnerError({storyId,errorMessage:message})}let channel=globalThis.__STORYBOOK_ADDONS_CHANNEL__;if(!channel)throw new StorybookTestRunnerError({storyId,errorMessage:"The test runner could not access the Storybook channel. Are you sure the Storybook is running correctly in that URL?"});addToUserAgent(`(StorybookTestRunner@${TEST_RUNNER_VERSION})`);let logs=[],hasErrors=!1,logLevelMapping={log:["info","verbose"],warn:["info","warn","verbose"],error:["info","warn","error","verbose"],info:["verbose"],trace:["verbose"],debug:["verbose"],group:["verbose"],groupCollapsed:["verbose"],table:["verbose"],dir:["verbose"]},spyOnConsole=(method,name)=>{let originalFn=console[method].bind(console);console[method]=function(...args){if(method==="error"&&isServerComponentError(args[0]))return;let shouldCollectError=method==="error";shouldCollectError&&(hasErrors=!0);let message=args.map(composeMessage).join(", ");if(method==="trace"){let stackTrace=new Error().stack;message+=`
+${stackTrace}
+`;}if(logLevelMapping[method].includes(TEST_RUNNER_LOG_LEVEL)||shouldCollectError){let prefix=`${bold(name)}: `;logs.push(prefix+message);}originalFn(...args);};};Object.entries({log:blue,info:blue,warn:yellow,error:red,dir:magenta,trace:magenta,group:magenta,groupCollapsed:magenta,table:magenta,debug:magenta}).forEach(([method,color])=>{spyOnConsole(method,color(method));});let cleanup=_listeners=>{Object.entries(_listeners).forEach(([eventName,listener])=>{channel.off(eventName,listener);});};return new Promise((resolve,reject)=>{let rejectWithFormattedError=(storyId2,message,panel)=>{let errorMessage=StorybookTestRunnerError.buildErrorMessage({storyId:storyId2,errorMessage:message,logs,panel});reject(new StorybookTestRunnerError({storyId:storyId2,errorMessage,logs,isMessageFormatted:!0}));},INTERACTIONS_PANEL="storybook/interactions/panel",A11Y_PANEL="storybook/a11y/panel",listeners={[TEST_RUNNER_RENDERED_EVENT]:data=>{if(cleanup(listeners),hasErrors){rejectWithFormattedError(storyId,"Browser console errors");return}else if(data?.reporters){let story=getStory(),a11yGlobals=story.globals?.a11y,a11yParameter=story.parameters?.a11y,a11yTestParameter=a11yParameter?.test,a11yReport=data.reporters.find(reporter=>reporter.type==="a11y");if(a11yParameter?.disable!==!0&&a11yParameter?.test!=="off"&&a11yGlobals?.manual!==!0&&a11yReport?.result?.violations?.length>0){let violations=expectToHaveNoViolations(a11yReport.result);if(violations&&a11yTestParameter==="error"){rejectWithFormattedError(storyId,violations.long,A11Y_PANEL);return}else if(violations&&a11yTestParameter==="todo"){let warningMessage=StorybookTestRunnerError.buildErrorMessage({storyId,errorMessagePrefix:`--------------------------
+${story.title} > ${story.name}`,errorMessage:yellow(violations.short),logs,panel:A11Y_PANEL});logToPage(warningMessage);}}}resolve(document.getElementById("root"));},storyUnchanged:()=>{cleanup(listeners),resolve(document.getElementById("root"));},storyErrored:({description})=>{cleanup(listeners),rejectWithFormattedError(storyId,description,INTERACTIONS_PANEL);},storyThrewException:error=>{cleanup(listeners),rejectWithFormattedError(storyId,error.message,INTERACTIONS_PANEL);},playFunctionThrewException:error=>{cleanup(listeners),rejectWithFormattedError(storyId,error.message,INTERACTIONS_PANEL);},unhandledErrorsWhilePlaying:([error])=>{cleanup(listeners),rejectWithFormattedError(storyId,error.message,INTERACTIONS_PANEL);},storyMissing:id=>{cleanup(listeners),id===storyId&&rejectWithFormattedError(storyId,"The story was missing when trying to access it.");}};Object.entries(listeners).forEach(([eventName,listener])=>{channel.on(eventName,listener);}),channel.emit("setCurrentStory",{storyId,viewMode:TEST_RUNNER_VIEW_MODE});})}globalThis.__test=__test,globalThis.__getContext=__getContext;});}async function testStory(storyId,page,context,playwrightFn){let _task=context.task;if(_task.meta.storyId=storyId,await page.evaluate(async storyId2=>await globalThis.__test(storyId2),storyId),playwrightFn){let storyContext=await page.evaluate(storyId2=>globalThis.__getContext(storyId2),storyId);await playwrightFn({page,context:storyContext});}let coverage=await page.evaluate(()=>globalThis.__coverage__);coverage&&await globalThis.__vitest_worker__.rpc.onAfterSuiteRun({coverage,testFiles:[],transformMode:"web"});}
+
+export { convertToFilePath, prepareScript, setupPageScript, testStory };

package/dist/vitest-plugin/setup-file.d.ts

@@ -0,0 +1,14 @@
+import { RunnerTask } from 'vitest';
+import { Channel } from 'storybook/internal/channels';
+
+declare global {
+    var __STORYBOOK_ADDONS_CHANNEL__: Channel;
+}
+type Task = Partial<RunnerTask> & {
+    meta: Record<string, any>;
+};
+declare const modifyErrorMessage: ({ task }: {
+    task: Task;
+}) => void;
+
+export { Task, modifyErrorMessage };

package/dist/vitest-plugin/setup-file.js

@@ -1,30 +1,11 @@
-import {
-  a as n
-} from "../_browser-chunks/chunk-VMSW5DPM.js";
-import {
-  a as e
-} from "../_browser-chunks/chunk-A47P2DCZ.js";
+'use strict';
 
-// src/vitest-plugin/setup-file.ts
-import { afterEach as l, beforeAll as i, vi as s } from "vitest";
-import { Channel as _ } from "storybook/internal/channels";
-var m = { setHandler: s.fn(), send: s.fn() };
-globalThis.__STORYBOOK_ADDONS_CHANNEL__ ??= new _({ transport: m });
-var c = /* @__PURE__ */ e(({ task: r }) => {
-  let o = r.meta;
-  if (r.type === "test" && r.result?.state === "fail" && o.storyId && r.result.errors?.[0]) {
-    let t = r.result.errors[0], a = `${import.meta.env.__STORYBOOK_URL__}/?path=/story/${o.storyId}&addonPanel=${n}`;
-    t.message = `
-\x1B[34mClick to debug the error directly in Storybook: ${a}\x1B[39m
+var vitest = require('vitest');
+var channels = require('storybook/internal/channels');
 
-${t.message}`;
-  }
-}, "modifyErrorMessage");
-i(() => {
-  if (globalThis.globalProjectAnnotations)
-    return globalThis.globalProjectAnnotations.beforeAll();
-});
-l(c);
-export {
-  c as modifyErrorMessage
-};
+var ADDON_ID="storybook/interactions",PANEL_ID=`${ADDON_ID}/panel`;var transport={setHandler:vitest.vi.fn(),send:vitest.vi.fn()};globalThis.__STORYBOOK_ADDONS_CHANNEL__??=new channels.Channel({transport});var modifyErrorMessage=({task})=>{let meta=task.meta;if(task.type==="test"&&task.result?.state==="fail"&&meta.storyId&&task.result.errors?.[0]){let currentError=task.result.errors[0],storyUrl=`${undefined.__STORYBOOK_URL__}/?path=/story/${meta.storyId}&addonPanel=${PANEL_ID}`;currentError.message=`
+\x1B[34mClick to debug the error directly in Storybook: ${storyUrl}\x1B[39m
+
+${currentError.message}`;}};vitest.beforeAll(()=>{if(globalThis.globalProjectAnnotations)return globalThis.globalProjectAnnotations.beforeAll()});vitest.afterEach(modifyErrorMessage);
+
+exports.modifyErrorMessage = modifyErrorMessage;

package/dist/vitest-plugin/setup-file.mjs

@@ -0,0 +1,9 @@
+import { vi, beforeAll, afterEach } from 'vitest';
+import { Channel } from 'storybook/internal/channels';
+
+var ADDON_ID="storybook/interactions",PANEL_ID=`${ADDON_ID}/panel`;var transport={setHandler:vi.fn(),send:vi.fn()};globalThis.__STORYBOOK_ADDONS_CHANNEL__??=new Channel({transport});var modifyErrorMessage=({task})=>{let meta=task.meta;if(task.type==="test"&&task.result?.state==="fail"&&meta.storyId&&task.result.errors?.[0]){let currentError=task.result.errors[0],storyUrl=`${import.meta.env.__STORYBOOK_URL__}/?path=/story/${meta.storyId}&addonPanel=${PANEL_ID}`;currentError.message=`
+\x1B[34mClick to debug the error directly in Storybook: ${storyUrl}\x1B[39m
+
+${currentError.message}`;}};beforeAll(()=>{if(globalThis.globalProjectAnnotations)return globalThis.globalProjectAnnotations.beforeAll()});afterEach(modifyErrorMessage);
+
+export { modifyErrorMessage };

package/dist/vitest-plugin/test-utils.d.ts

@@ -0,0 +1,20 @@
+import { TestContext } from 'vitest';
+import { ComposedStoryFn, ComponentAnnotations } from 'storybook/internal/types';
+
+declare module '@vitest/browser/context' {
+    interface BrowserCommands {
+        getInitialGlobals: () => Promise<Record<string, any>>;
+    }
+}
+/**
+ * Converts a file URL to a file path, handling URL encoding
+ *
+ * @param url The file URL to convert (e.g. file:///path/to/file.js)
+ * @returns The decoded file path
+ */
+declare const convertToFilePath: (url: string) => string;
+declare const testStory: (exportName: string, story: ComposedStoryFn, meta: ComponentAnnotations, skipTags: string[]) => (context: TestContext & {
+    story: ComposedStoryFn;
+}) => Promise<void>;
+
+export { convertToFilePath, testStory };

package/dist/vitest-plugin/test-utils.js

@@ -1,71 +1,11 @@
-import {
-  a as n
-} from "../_browser-chunks/chunk-A47P2DCZ.js";
+'use strict';
 
-// src/vitest-plugin/test-utils.ts
-import { server as I } from "@vitest/browser/context";
-import { composeStory as T, getCsfFactoryAnnotations as M } from "storybook/preview-api";
+var context = require('@vitest/browser/context');
+var previewApi = require('storybook/preview-api');
+var previewErrors = require('storybook/internal/preview-errors');
+var viewport = require('storybook/viewport');
 
-// src/vitest-plugin/viewports.ts
-import { UnsupportedViewportDimensionError as f } from "storybook/internal/preview-errors";
-import { MINIMAL_VIEWPORTS as y } from "storybook/viewport";
-var l = {
-  width: 1200,
-  height: 900
-}, u = /^\d+(px)?$/, V = /^(\d+(\.\d+)?%)$/, v = /^(\d+(\.\d+)?vw)$/, P = /^(\d+(\.\d+)?vh)$/, _ = /^(\d+)(em|rem)$/, w = /* @__PURE__ */ n((t, r) => {
-  if (u.test(t))
-    return Number.parseInt(t, 10);
-  if (V.test(t)) {
-    let e = parseFloat(t) / 100;
-    return Math.round(l[r] * e);
-  } else if (v.test(t)) {
-    let e = parseFloat(t) / 100;
-    return Math.round(l.width * e);
-  } else if (P.test(t)) {
-    let e = parseFloat(t) / 100;
-    return Math.round(l.height * e);
-  } else {
-    if (_.test(t))
-      return Number.parseInt(t, 10) * 16;
-    throw new f({ dimension: r, value: t });
-  }
-}, "parseDimension"), h = /* @__PURE__ */ n(async (t = {}, r = {}) => {
-  let e, s = t.viewport ?? {}, i = r.viewport ?? {}, a = s.disable || s.disabled;
-  i.value && !a ? e = i.value : a || (e = s.defaultViewport);
-  let { page: o } = await import("@vitest/browser/context").catch(() => ({
-    page: null
-  }));
-  if (!o || !globalThis.__vitest_browser__)
-    return;
-  let p = {
-    ...y,
-    ...s.viewports,
-    ...s.options
-  }, m = l.width, d = l.height;
-  if (e && e in p) {
-    let c = p[e].styles;
-    if (c?.width && c?.height) {
-      let { width: b, height: g } = c;
-      m = w(b, "width"), d = w(g, "height");
-    }
-  }
-  await o.viewport(m, d);
-}, "setViewport");
+var DEFAULT_VIEWPORT_DIMENSIONS={width:1200,height:900},validPixelOrNumber=/^\d+(px)?$/,percentagePattern=/^(\d+(\.\d+)?%)$/,vwPattern=/^(\d+(\.\d+)?vw)$/,vhPattern=/^(\d+(\.\d+)?vh)$/,emRemPattern=/^(\d+)(em|rem)$/,parseDimension=(value,dimension)=>{if(validPixelOrNumber.test(value))return Number.parseInt(value,10);if(percentagePattern.test(value)){let percentageValue=parseFloat(value)/100;return Math.round(DEFAULT_VIEWPORT_DIMENSIONS[dimension]*percentageValue)}else if(vwPattern.test(value)){let vwValue=parseFloat(value)/100;return Math.round(DEFAULT_VIEWPORT_DIMENSIONS.width*vwValue)}else if(vhPattern.test(value)){let vhValue=parseFloat(value)/100;return Math.round(DEFAULT_VIEWPORT_DIMENSIONS.height*vhValue)}else {if(emRemPattern.test(value))return Number.parseInt(value,10)*16;throw new previewErrors.UnsupportedViewportDimensionError({dimension,value})}},setViewport=async(parameters={},globals={},pwPage)=>{let defaultViewport,viewportsParam=parameters.viewport??{},viewportsGlobal=globals.viewport??{},isDisabled=viewportsParam.disable||viewportsParam.disabled;viewportsGlobal.value&&!isDisabled?defaultViewport=viewportsGlobal.value:isDisabled||(defaultViewport=viewportsParam.defaultViewport);let page=pwPage;if(page||(page=(await import('@vitest/browser/context').catch(()=>({page:null}))).page),!page||!globalThis.__vitest_browser__)return;let viewports={...viewport.MINIMAL_VIEWPORTS,...viewportsParam.viewports,...viewportsParam.options},viewportWidth=DEFAULT_VIEWPORT_DIMENSIONS.width,viewportHeight=DEFAULT_VIEWPORT_DIMENSIONS.height;if(defaultViewport&&defaultViewport in viewports){let styles=viewports[defaultViewport].styles;if(styles?.width&&styles?.height){let{width,height}=styles;viewportWidth=parseDimension(width,"width"),viewportHeight=parseDimension(height,"height");}}await page.viewport(viewportWidth,viewportHeight);};var {getInitialGlobals}=context.server.commands,convertToFilePath=url=>url.replace(/^file:\/\//,"").replace(/^\/+([a-zA-Z]:)/,"$1").replace(/%20/g," "),testStory=(exportName,story,meta,skipTags)=>async context=>{let annotations=previewApi.getCsfFactoryAnnotations(story,meta),composedStory=previewApi.composeStory(annotations.story,annotations.meta,{initialGlobals:await getInitialGlobals?.()??{}},annotations.preview??globalThis.globalProjectAnnotations,exportName);(composedStory===void 0||skipTags?.some(tag=>composedStory.tags.includes(tag)))&&context.skip(),context.story=composedStory;let _task=context.task;_task.meta.storyId=composedStory.id,await setViewport(composedStory.parameters,composedStory.globals),await composedStory.run(),_task.meta.reports=composedStory.reporting.reports;};
 
-// src/vitest-plugin/test-utils.ts
-var { getInitialGlobals: S } = I.commands, N = /* @__PURE__ */ n((t) => t.replace(/^file:\/\//, "").replace(/^\/+([a-zA-Z]:)/, "$1").replace(/%20/g, " "), "convertToFilePath"), $ = /* @__PURE__ */ n((t, r, e, s) => async (i) => {
-  let a = M(r, e), o = T(
-    a.story,
-    a.meta,
-    { initialGlobals: await S?.() ?? {} },
-    a.preview ?? globalThis.globalProjectAnnotations,
-    t
-  );
-  (o === void 0 || s?.some((m) => o.tags.includes(m))) && i.skip(), i.story = o;
-  let p = i.task;
-  p.meta.storyId = o.id, await h(o.parameters, o.globals), await o.run(), p.meta.reports = o.reporting.reports;
-}, "testStory");
-export {
-  N as convertToFilePath,
-  $ as testStory
-};
+exports.convertToFilePath = convertToFilePath;
+exports.testStory = testStory;

package/dist/vitest-plugin/test-utils.mjs

@@ -0,0 +1,8 @@
+import { server } from '@vitest/browser/context';
+import { getCsfFactoryAnnotations, composeStory } from 'storybook/preview-api';
+import { UnsupportedViewportDimensionError } from 'storybook/internal/preview-errors';
+import { MINIMAL_VIEWPORTS } from 'storybook/viewport';
+
+var DEFAULT_VIEWPORT_DIMENSIONS={width:1200,height:900},validPixelOrNumber=/^\d+(px)?$/,percentagePattern=/^(\d+(\.\d+)?%)$/,vwPattern=/^(\d+(\.\d+)?vw)$/,vhPattern=/^(\d+(\.\d+)?vh)$/,emRemPattern=/^(\d+)(em|rem)$/,parseDimension=(value,dimension)=>{if(validPixelOrNumber.test(value))return Number.parseInt(value,10);if(percentagePattern.test(value)){let percentageValue=parseFloat(value)/100;return Math.round(DEFAULT_VIEWPORT_DIMENSIONS[dimension]*percentageValue)}else if(vwPattern.test(value)){let vwValue=parseFloat(value)/100;return Math.round(DEFAULT_VIEWPORT_DIMENSIONS.width*vwValue)}else if(vhPattern.test(value)){let vhValue=parseFloat(value)/100;return Math.round(DEFAULT_VIEWPORT_DIMENSIONS.height*vhValue)}else {if(emRemPattern.test(value))return Number.parseInt(value,10)*16;throw new UnsupportedViewportDimensionError({dimension,value})}},setViewport=async(parameters={},globals={},pwPage)=>{let defaultViewport,viewportsParam=parameters.viewport??{},viewportsGlobal=globals.viewport??{},isDisabled=viewportsParam.disable||viewportsParam.disabled;viewportsGlobal.value&&!isDisabled?defaultViewport=viewportsGlobal.value:isDisabled||(defaultViewport=viewportsParam.defaultViewport);let page=pwPage;if(page||(page=(await import('@vitest/browser/context').catch(()=>({page:null}))).page),!page||!globalThis.__vitest_browser__)return;let viewports={...MINIMAL_VIEWPORTS,...viewportsParam.viewports,...viewportsParam.options},viewportWidth=DEFAULT_VIEWPORT_DIMENSIONS.width,viewportHeight=DEFAULT_VIEWPORT_DIMENSIONS.height;if(defaultViewport&&defaultViewport in viewports){let styles=viewports[defaultViewport].styles;if(styles?.width&&styles?.height){let{width,height}=styles;viewportWidth=parseDimension(width,"width"),viewportHeight=parseDimension(height,"height");}}await page.viewport(viewportWidth,viewportHeight);};var {getInitialGlobals}=server.commands,convertToFilePath=url=>url.replace(/^file:\/\//,"").replace(/^\/+([a-zA-Z]:)/,"$1").replace(/%20/g," "),testStory=(exportName,story,meta,skipTags)=>async context=>{let annotations=getCsfFactoryAnnotations(story,meta),composedStory=composeStory(annotations.story,annotations.meta,{initialGlobals:await getInitialGlobals?.()??{}},annotations.preview??globalThis.globalProjectAnnotations,exportName);(composedStory===void 0||skipTags?.some(tag=>composedStory.tags.includes(tag)))&&context.skip(),context.story=composedStory;let _task=context.task;_task.meta.storyId=composedStory.id,await setViewport(composedStory.parameters,composedStory.globals),await composedStory.run(),_task.meta.reports=composedStory.reporting.reports;};
+
+export { convertToFilePath, testStory };

package/manager.js

@@ -1 +1 @@
-export * from './dist/manager.js';
+require('./dist/manager');

package/manager.mjs

@@ -0,0 +1 @@
+import './dist/manager';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-vitest",
-  "version": "0.0.0-pr-31819-sha-8b7e5823",
+  "version": "0.0.0-pr-32047-sha-6cc3189c",
   "description": "Storybook addon for testing components",
   "keywords": [
     "storybook-addons",
@@ -23,7 +23,6 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "type": "module",
   "imports": {
     "#manager-store": {
       "storybook": "./src/manager-store.mock.ts",
@@ -33,20 +32,51 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
     },
-    "./internal/coverage-reporter": "./dist/node/coverage-reporter.js",
-    "./internal/global-setup": "./dist/vitest-plugin/global-setup.js",
-    "./internal/setup-file": "./dist/vitest-plugin/setup-file.js",
-    "./internal/test-utils": "./dist/vitest-plugin/test-utils.js",
-    "./manager": "./dist/manager.js",
-    "./package.json": "./package.json",
-    "./postinstall": "./dist/postinstall.js",
-    "./preset": "./dist/preset.js",
-    "./vitest": "./dist/node/vitest.js",
     "./vitest-plugin": {
       "types": "./dist/vitest-plugin/index.d.ts",
-      "default": "./dist/vitest-plugin/index.js"
+      "import": "./dist/vitest-plugin/index.mjs",
+      "require": "./dist/vitest-plugin/index.js"
+    },
+    "./internal/global-setup": {
+      "types": "./dist/vitest-plugin/global-setup.d.ts",
+      "import": "./dist/vitest-plugin/global-setup.mjs",
+      "require": "./dist/vitest-plugin/global-setup.js"
+    },
+    "./internal/setup-file": {
+      "types": "./dist/vitest-plugin/setup-file.d.ts",
+      "import": "./dist/vitest-plugin/setup-file.mjs"
+    },
+    "./internal/test-utils": {
+      "types": "./dist/vitest-plugin/test-utils.d.ts",
+      "import": "./dist/vitest-plugin/test-utils.mjs",
+      "require": "./dist/vitest-plugin/test-utils.js"
+    },
+    "./internal/playwright-utils": {
+      "types": "./dist/vitest-plugin/playwright-utils.d.ts",
+      "import": "./dist/vitest-plugin/playwright-utils.mjs",
+      "require": "./dist/vitest-plugin/playwright-utils.js"
+    },
+    "./internal/coverage-reporter": {
+      "types": "./dist/node/coverage-reporter.d.ts",
+      "import": "./dist/node/coverage-reporter.mjs",
+      "require": "./dist/node/coverage-reporter.js"
+    },
+    "./manager": "./dist/manager.js",
+    "./preset": "./dist/preset.js",
+    "./postinstall": "./dist/postinstall.js",
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/index.d.ts"
+      ]
     }
   },
   "files": [
@@ -61,8 +91,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "jiti ../../../scripts/check/check-package.ts",
-    "prep": "jiti ../../../scripts/build/build-package.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
@@ -99,7 +129,7 @@
   "peerDependencies": {
     "@vitest/browser": "^3.0.0",
     "@vitest/runner": "^3.0.0",
-    "storybook": "^0.0.0-pr-31819-sha-8b7e5823",
+    "storybook": "^0.0.0-pr-32047-sha-6cc3189c",
     "vitest": "^3.0.0"
   },
   "peerDependenciesMeta": {
@@ -116,6 +146,55 @@
   "publishConfig": {
     "access": "public"
   },
+  "bundler": {
+    "exportEntries": [
+      "./src/index.ts",
+      "./src/vitest-plugin/test-utils.ts",
+      "./src/vitest-plugin/playwright-utils.ts",
+      "./src/vitest-plugin/setup-file.ts"
+    ],
+    "managerEntries": [
+      "./src/manager.tsx"
+    ],
+    "nodeEntries": [
+      "./src/preset.ts",
+      "./src/postinstall.ts",
+      {
+        "file": "./src/dummy.ts",
+        "formats": [
+          "esm"
+        ]
+      },
+      {
+        "file": "./src/node/vitest.ts",
+        "formats": [
+          "esm",
+          "cjs"
+        ]
+      },
+      {
+        "file": "./src/node/coverage-reporter.ts",
+        "formats": [
+          "esm",
+          "cjs"
+        ]
+      },
+      {
+        "file": "./src/vitest-plugin/index.ts",
+        "formats": [
+          "cjs",
+          "esm"
+        ]
+      },
+      {
+        "file": "./src/vitest-plugin/global-setup.ts",
+        "formats": [
+          "cjs",
+          "esm"
+        ]
+      }
+    ]
+  },
   "storybook": {
     "displayName": "Test",
     "unsupportedFrameworks": [

package/postinstall.js

@@ -0,0 +1 @@
+module.exports = require('./dist/postinstall');

package/postinstall.mjs

@@ -0,0 +1 @@
+export * from './dist/postinstall.mjs';

package/preset.js

@@ -1 +1 @@
-export * from './dist/preset.js';
+module.exports = require('./dist/preset');

package/preset.mjs

@@ -0,0 +1 @@
+export * from './dist/preset.mjs';

package/dist/_browser-chunks/chunk-A47P2DCZ.js

@@ -1,11 +0,0 @@
-var d = Object.defineProperty;
-var e = (b, a) => d(b, "name", { value: a, configurable: !0 });
-var f = (b, a) => {
-  for (var c in a)
-    d(b, c, { get: a[c], enumerable: !0 });
-};
-
-export {
-  e as a,
-  f as b
-};

package/dist/_browser-chunks/chunk-VMSW5DPM.js

@@ -1,60 +0,0 @@
-// ../../core/src/component-testing/constants.ts
-var e = "storybook/interactions", s = `${e}/panel`, n = "writing-tests/integrations/vitest-addon", N = `${n}#what-happens-when-there-are-different-test-results-in-multiple-environments`;
-
-// ../a11y/src/constants.ts
-var t = "storybook/a11y", r = `${t}/panel`;
-var a = `${t}/result`, c = `${t}/request`, p = `${t}/running`, A = `${t}/error`, O = `${t}/manual`, I = `${t}/select`, i = "writing-tests/accessibility-testing", D = `${i}#why-are-my-tests-failing-in-different-environments`;
-
-// src/constants.ts
-var o = "storybook/test", R = `${o}/test-provider`;
-var _ = "writing-tests/integrations/vitest-addon", y = `${_}#what-happens-if-vitest-itself-has-an-error`;
-var E = {
-  id: o,
-  initialState: {
-    config: {
-      coverage: !1,
-      a11y: !1
-    },
-    watching: !1,
-    cancelling: !1,
-    fatalError: void 0,
-    indexUrl: void 0,
-    previewAnnotations: [],
-    currentRun: {
-      triggeredBy: void 0,
-      config: {
-        coverage: !1,
-        a11y: !1
-      },
-      componentTestCount: {
-        success: 0,
-        error: 0
-      },
-      a11yCount: {
-        success: 0,
-        warning: 0,
-        error: 0
-      },
-      storyIds: void 0,
-      totalTestCount: void 0,
-      startedAt: void 0,
-      finishedAt: void 0,
-      unhandledErrors: [],
-      coverageSummary: void 0
-    }
-  }
-}, d = ["global", "run-all"], l = `UNIVERSAL_STORE:${E.id}`;
-var x = "storybook/component-test", L = "storybook/a11y";
-
-export {
-  s as a,
-  t as b,
-  r as c,
-  o as d,
-  R as e,
-  y as f,
-  E as g,
-  d as h,
-  x as i,
-  L as j
-};