npm - @vitest/browser - Versions diffs - 2.0.0-beta.11 → 2.0.0-beta.12 - Mend

@vitest/browser 2.0.0-beta.11 → 2.0.0-beta.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/context.d.ts +5 -0
package/dist/client/.vite/manifest.json +7 -7
package/dist/client/__vitest__/assets/index-BcWipdNi.js +52 -0
package/dist/client/__vitest__/assets/index-goqgbqVs.css +1 -0
package/dist/client/__vitest__/index.html +2 -2
package/dist/client/__vitest_browser__/{rpc-D6HtJ5Rb.js → client-Dz5Ebwug.js} +28 -65
package/dist/client/__vitest_browser__/{orchestrator-DQ4hbmZ_.js → orchestrator-DJ6H4qlM.js} +192 -159
package/dist/client/__vitest_browser__/tester-DHXll_4H.js +12164 -0
package/dist/client/orchestrator.html +2 -2
package/dist/client/tester/tester.html +2 -2
package/dist/context.js +4 -1
package/dist/index.d.ts +22 -3
package/dist/index.js +210 -45
package/dist/providers.js +1 -1
package/dist/state.js +1 -1
package/dist/{webdriver-BRud6NtS.js → webdriver-CJA71Bgl.js} +49 -2
package/jest-dom.d.ts +816 -0
package/matchers.d.ts +22 -0
package/package.json +11 -7
package/providers/playwright.d.ts +25 -1
package/providers/webdriverio.d.ts +1 -0
package/dist/client/__vitest__/assets/index-BfnqOMHY.js +0 -51
package/dist/client/__vitest__/assets/index-qZYZB8Y3.css +0 -1
package/dist/client/__vitest_browser__/tester-IF8AbWCS.js +0 -837

package/dist/client/orchestrator.html CHANGED Viewed

@@ -25,8 +25,8 @@
     </style>
     <script>{__VITEST_INJECTOR__}</script>
     {__VITEST_SCRIPTS__}
-    <script type="module" crossorigin src="/__vitest_browser__/orchestrator-DQ4hbmZ_.js"></script>
-    <link rel="modulepreload" crossorigin href="/__vitest_browser__/rpc-D6HtJ5Rb.js">
+    <script type="module" crossorigin src="/__vitest_browser__/orchestrator-DJ6H4qlM.js"></script>
+    <link rel="modulepreload" crossorigin href="/__vitest_browser__/client-Dz5Ebwug.js">
   </head>
   <body>
     <div id="vitest-tester"></div>

package/dist/client/tester/tester.html CHANGED Viewed

@@ -19,8 +19,8 @@
     <script>{__VITEST_INJECTOR__}</script>
     <script>{__VITEST_STATE__}</script>
     {__VITEST_SCRIPTS__}
-    <script type="module" crossorigin src="/__vitest_browser__/tester-IF8AbWCS.js"></script>
-    <link rel="modulepreload" crossorigin href="/__vitest_browser__/rpc-D6HtJ5Rb.js">
+    <script type="module" crossorigin src="/__vitest_browser__/tester-DHXll_4H.js"></script>
+    <link rel="modulepreload" crossorigin href="/__vitest_browser__/client-Dz5Ebwug.js">
   </head>
   <body
     data-vitest-body

package/dist/context.js CHANGED Viewed

@@ -125,6 +125,9 @@ function getSimpleSelectOptions(element, value) {
     return v;
   });
 }
+function cdp() {
+  return runner().cdp;
+}
 const screenshotIds = {};
 const page = {
   get config() {
@@ -172,4 +175,4 @@ function getTaskFullName(task) {
   return task.suite ? `${getTaskFullName(task.suite)} ${task.name}` : task.name;
 }
-export { page, userEvent };
+export { cdp, page, userEvent };

package/dist/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BrowserServerState as BrowserServerState$1, BrowserServerStateContext, BrowserServer as BrowserServer$1, WorkspaceProject, Vite, BrowserProvider, BrowserScript, Vitest, ProcessPool } from 'vitest/node';
+import { CDPSession, BrowserServerState as BrowserServerState$1, BrowserServerStateContext, BrowserServer as BrowserServer$1, WorkspaceProject, Vite, BrowserProvider, BrowserScript, Vitest, ProcessPool } from 'vitest/node';
 import { Plugin } from 'vitest/config';
 import { File, TaskResultPack, AfterSuiteRunMeta, CancelReason, UserConsoleLog, SnapshotResult, ResolvedConfig } from 'vitest';
@@ -46,10 +46,13 @@ interface WebSocketBrowserHandlers {
     getBrowserFileSourceMap: (id: string) => SourceMap | null | {
         mappings: '';
     } | undefined;
+    sendCdpEvent: (contextId: string, event: string, payload?: Record<string, unknown>) => unknown;
+    trackCdpEvent: (contextId: string, type: 'on' | 'once' | 'off', event: string, listenerId: string) => void;
 }
 interface WebSocketBrowserEvents {
     onCancel: (reason: CancelReason) => void;
     createTesters: (files: string[]) => Promise<void>;
+    cdpEvent: (event: string, payload: unknown) => void;
 }
 type WebSocketBrowserRPC = BirpcReturn<WebSocketBrowserEvents, WebSocketBrowserHandlers>;
 interface SourceMap {
@@ -63,12 +66,26 @@ interface SourceMap {
     toUrl: () => string;
 }
+declare class BrowserServerCDPHandler {
+    private session;
+    private tester;
+    private listenerIds;
+    private listeners;
+    constructor(session: CDPSession, tester: WebSocketBrowserRPC);
+    send(method: string, params?: Record<string, unknown>): Promise<unknown>;
+    on(event: string, id: string, once?: boolean): void;
+    off(event: string, id: string): void;
+    once(event: string, listener: string): void;
+}
 declare class BrowserServerState implements BrowserServerState$1 {
-    orchestrators: Map<string, WebSocketBrowserRPC>;
-    testers: Map<string, WebSocketBrowserRPC>;
+    readonly orchestrators: Map<string, WebSocketBrowserRPC>;
+    readonly testers: Map<string, WebSocketBrowserRPC>;
+    readonly cdps: Map<string, BrowserServerCDPHandler>;
     private contexts;
     getContext(contextId: string): BrowserServerStateContext | undefined;
     createAsyncContext(contextId: string, files: string[]): Promise<void>;
+    removeCDPHandler(sessionId: string): Promise<void>;
 }
 declare class BrowserServer implements BrowserServer$1 {
@@ -95,6 +112,8 @@ declare class BrowserServer implements BrowserServer$1 {
     };
     formatScripts(scripts: BrowserScript[] | undefined): Promise<string>;
     initBrowserProvider(): Promise<void>;
+    private cdpSessions;
+    ensureCDPHandler(contextId: string, sessionId: string): Promise<BrowserServerCDPHandler>;
     close(): Promise<void>;
 }

package/dist/index.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { fileURLToPath } from 'node:url';
 import { createDefer, slash, toArray } from '@vitest/utils';
 import sirv from 'sirv';
 import { defaultBrowserPort, coverageConfigDefaults } from 'vitest/config';
-import { P as PlaywrightBrowserProvider, W as WebdriverBrowserProvider } from './webdriver-BRud6NtS.js';
+import { P as PlaywrightBrowserProvider, W as WebdriverBrowserProvider } from './webdriver-CJA71Bgl.js';
 import { resolve as resolve$1, dirname as dirname$1, normalize as normalize$1 } from 'node:path';
 import MagicString from 'magic-string';
 import { esmWalker } from '@vitest/utils/ast';
@@ -517,7 +517,7 @@ function setupBrowserRpc(server) {
     const sessionId = searchParams.get("sessionId") ?? "0";
     wss.handleUpgrade(request, socket, head, (ws) => {
       wss.emit("connection", ws, request);
-      const rpc = setupClient(ws);
+      const rpc = setupClient(sessionId, ws);
       const state = server.state;
       const clients = type === "tester" ? state.testers : state.orchestrators;
       clients.set(sessionId, rpc);
@@ -525,6 +525,7 @@ function setupBrowserRpc(server) {
       ws.on("close", () => {
         debug$1?.("[%s] Browser API disconnected from %s", sessionId, type);
         clients.delete(sessionId);
+        server.state.removeCDPHandler(sessionId);
       });
     });
   });
@@ -535,7 +536,7 @@ function setupBrowserRpc(server) {
       );
     }
   }
-  function setupClient(ws) {
+  function setupClient(sessionId, ws) {
     const rpc = createBirpc(
       {
         async onUnhandledError(error, type) {
@@ -653,12 +654,21 @@ function setupBrowserRpc(server) {
               moduleGraph.invalidateModule(module, /* @__PURE__ */ new Set(), Date.now(), true);
             }
           });
+        },
+        // CDP
+        async sendCdpEvent(contextId, event, payload) {
+          const cdp = await server.ensureCDPHandler(contextId, sessionId);
+          return cdp.send(event, payload);
+        },
+        async trackCdpEvent(contextId, type, event, listenerId) {
+          const cdp = await server.ensureCDPHandler(contextId, sessionId);
+          cdp[type](event, listenerId);
         }
       },
       {
         post: (msg) => ws.send(msg),
         on: (fn) => ws.on("message", fn),
-        eventNames: ["onCancel"],
+        eventNames: ["onCancel", "cdpEvent"],
         serialize: (data) => stringify(data, stringifyReplace),
         deserialize: parse,
         onTimeoutError(functionName) {
@@ -696,6 +706,7 @@ function stringifyReplace(key, value) {
 class BrowserServerState {
   orchestrators = /* @__PURE__ */ new Map();
   testers = /* @__PURE__ */ new Map();
+  cdps = /* @__PURE__ */ new Map();
   contexts = /* @__PURE__ */ new Map();
   getContext(contextId) {
     return this.contexts.get(contextId);
@@ -712,6 +723,9 @@ class BrowserServerState {
     });
     return defer;
   }
+  async removeCDPHandler(sessionId) {
+    this.cdps.delete(sessionId);
+  }
 }
 function replacer(code, values) {
@@ -743,6 +757,49 @@ async function getBrowserProvider(options, project) {
   return customProviderModule.default;
 }
+class BrowserServerCDPHandler {
+  constructor(session, tester) {
+    this.session = session;
+    this.tester = tester;
+  }
+  listenerIds = {};
+  listeners = {};
+  send(method, params) {
+    return this.session.send(method, params);
+  }
+  on(event, id, once = false) {
+    if (!this.listenerIds[event]) {
+      this.listenerIds[event] = [];
+    }
+    this.listenerIds[event].push(id);
+    if (!this.listeners[event]) {
+      this.listeners[event] = (payload) => {
+        this.tester.cdpEvent(
+          event,
+          payload
+        );
+        if (once) {
+          this.off(event, id);
+        }
+      };
+      this.session.on(event, this.listeners[event]);
+    }
+  }
+  off(event, id) {
+    if (!this.listenerIds[event]) {
+      this.listenerIds[event] = [];
+    }
+    this.listenerIds[event] = this.listenerIds[event].filter((l) => l !== id);
+    if (!this.listenerIds[event].length) {
+      this.session.off(event, this.listeners[event]);
+      delete this.listeners[event];
+    }
+  }
+  once(event, listener) {
+    this.on(event, listener, true);
+  }
+}
 class BrowserServer {
   constructor(project, base) {
     this.project = project;
@@ -837,6 +894,35 @@ class BrowserServer {
       options: providerOptions
     });
   }
+  cdpSessions = /* @__PURE__ */ new Map();
+  async ensureCDPHandler(contextId, sessionId) {
+    const cachedHandler = this.state.cdps.get(sessionId);
+    if (cachedHandler) {
+      return cachedHandler;
+    }
+    const provider = this.provider;
+    if (!provider.getCDPSession) {
+      throw new Error(`CDP is not supported by the provider "${provider.name}".`);
+    }
+    const promise = this.cdpSessions.get(sessionId) ?? await (async () => {
+      const promise2 = provider.getCDPSession(contextId).finally(() => {
+        this.cdpSessions.delete(sessionId);
+      });
+      this.cdpSessions.set(sessionId, promise2);
+      return promise2;
+    })();
+    const session = await promise;
+    const rpc = this.state.testers.get(sessionId);
+    if (!rpc) {
+      throw new Error(`Tester RPC "${sessionId}" was not established.`);
+    }
+    const handler = new BrowserServerCDPHandler(session, rpc);
+    this.state.cdps.set(
+      sessionId,
+      handler
+    );
+    return handler;
+  }
   async close() {
     await this.vite.close();
   }
@@ -852,7 +938,7 @@ function wrapConfig(config) {
 const click = async (context, xpath, options = {}) => {
   const provider = context.provider;
   if (provider instanceof PlaywrightBrowserProvider) {
-    const tester = context.frame;
+    const tester = context.iframe;
     await tester.locator(`xpath=${xpath}`).click({
       timeout: 1e3,
       ...options
@@ -868,7 +954,7 @@ const click = async (context, xpath, options = {}) => {
 const dblClick = async (context, xpath, options = {}) => {
   const provider = context.provider;
   if (provider instanceof PlaywrightBrowserProvider) {
-    const tester = context.frame;
+    const tester = context.iframe;
     await tester.locator(`xpath=${xpath}`).dblclick(options);
   } else if (provider instanceof WebdriverBrowserProvider) {
     const browser = context.browser;
@@ -1250,7 +1336,8 @@ const keyboard = async (context, text) => {
     }
   }
   if (context.provider instanceof PlaywrightBrowserProvider) {
-    await context.frame.evaluate(focusIframe);
+    const frame = await context.frame();
+    await frame.evaluate(focusIframe);
   } else if (context.provider instanceof WebdriverBrowserProvider) {
     await context.browser.execute(focusIframe);
   }
@@ -1266,7 +1353,8 @@ const keyboard = async (context, text) => {
         }
       }
       if (context.provider instanceof PlaywrightBrowserProvider) {
-        await context.frame.evaluate(selectAll);
+        const frame = await context.frame();
+        await frame.evaluate(selectAll);
       } else if (context.provider instanceof WebdriverBrowserProvider) {
         await context.browser.execute(selectAll);
       } else {
@@ -1350,8 +1438,8 @@ async function keyboardImplementation(provider, contextId, text, selectAll, skip
 const type = async (context, xpath, text, options = {}) => {
   const { skipClick = false, skipAutoClose = false } = options;
   if (context.provider instanceof PlaywrightBrowserProvider) {
-    const { frame } = context;
-    const element = frame.locator(`xpath=${xpath}`);
+    const { iframe } = context;
+    const element = iframe.locator(`xpath=${xpath}`);
     if (!skipClick) {
       await element.focus();
     }
@@ -1388,8 +1476,8 @@ const type = async (context, xpath, text, options = {}) => {
 const clear = async (context, xpath) => {
   if (context.provider instanceof PlaywrightBrowserProvider) {
-    const { frame } = context;
-    const element = frame.locator(`xpath=${xpath}`);
+    const { iframe } = context;
+    const element = iframe.locator(`xpath=${xpath}`);
     await element.clear({
       timeout: 1e3
     });
@@ -1405,8 +1493,8 @@ const clear = async (context, xpath) => {
 const fill = async (context, xpath, text, options = {}) => {
   if (context.provider instanceof PlaywrightBrowserProvider) {
-    const { frame } = context;
-    const element = frame.locator(`xpath=${xpath}`);
+    const { iframe } = context;
+    const element = iframe.locator(`xpath=${xpath}`);
     await element.fill(text, { timeout: 1e3, ...options });
   } else if (context.provider instanceof WebdriverBrowserProvider) {
     const browser = context.browser;
@@ -1420,13 +1508,13 @@ const fill = async (context, xpath, text, options = {}) => {
 const selectOptions = async (context, xpath, userValues, options = {}) => {
   if (context.provider instanceof PlaywrightBrowserProvider) {
     const value = userValues;
-    const { frame } = context;
-    const selectElement = frame.locator(`xpath=${xpath}`);
+    const { iframe } = context;
+    const selectElement = iframe.locator(`xpath=${xpath}`);
     const values = await Promise.all(value.map(async (v) => {
       if (typeof v === "string") {
         return v;
       }
-      const elementHandler = await frame.locator(`xpath=${v.element}`).elementHandle();
+      const elementHandler = await iframe.locator(`xpath=${v.element}`).elementHandle();
       if (!elementHandler) {
         throw new Error(`Element not found: ${v.element}`);
       }
@@ -1472,7 +1560,8 @@ const tab = async (context, options = {}) => {
 const dragAndDrop = async (context, source, target, options) => {
   if (context.provider instanceof PlaywrightBrowserProvider) {
-    await context.frame.dragAndDrop(
+    const frame = await context.frame();
+    await frame.dragAndDrop(
       `xpath=${source}`,
       `xpath=${target}`,
       {
@@ -1494,7 +1583,7 @@ const dragAndDrop = async (context, source, target, options) => {
 const hover = async (context, xpath, options = {}) => {
   if (context.provider instanceof PlaywrightBrowserProvider) {
-    await context.frame.locator(`xpath=${xpath}`).hover({
+    await context.iframe.locator(`xpath=${xpath}`).hover({
       timeout: 1e3,
       ...options
     });
@@ -1551,11 +1640,13 @@ const screenshot = async (context, name, options = {}) => {
   if (context.provider instanceof PlaywrightBrowserProvider) {
     if (options.element) {
       const { element: elementXpath, ...config } = options;
-      const iframe = context.frame;
-      const element = iframe.locator(`xpath=${elementXpath}`);
+      const element = context.iframe.locator(`xpath=${elementXpath}`);
       await element.screenshot({ ...config, path: savePath });
     } else {
-      await context.frame.locator("body").screenshot({ ...options, path: savePath });
+      await context.iframe.locator("body").screenshot({
+        ...options,
+        path: savePath
+      });
     }
     return path;
   }
@@ -1650,7 +1741,7 @@ async function generateContextFile(server) {
   );
   const distContextPath = slash(`/@fs/${resolve(__dirname, "context.js")}`);
   return `
-import { page, userEvent as __userEvent_CDP__ } from '${distContextPath}'
+import { page, userEvent as __userEvent_CDP__, cdp } from '${distContextPath}'
 ${userEventNonProviderImport}
 const filepath = () => ${filepathCode}
 const rpc = () => __vitest_worker__.rpc
@@ -1667,7 +1758,7 @@ export const server = {
 }
 export const commands = server.commands
 export const userEvent = ${getUserEvent(provider)}
-export { page }
+export { page, cdp }
 `;
 }
 function getUserEvent(provider) {
@@ -1713,11 +1804,13 @@ ${err.message}`);
     onImportMeta() {
     },
     onDynamicImport(node) {
-      const replace = "__vitest_browser_runner__.wrapModule(() => import(";
+      const replaceString = "__vitest_browser_runner__.wrapModule(() => import(";
+      const importSubstring = code.substring(node.start, node.end);
+      const hasIgnore = importSubstring.includes("/* @vite-ignore */");
       s.overwrite(
         node.start,
         node.source.start,
-        replace
+        replaceString + (hasIgnore ? "/* @vite-ignore */ " : "")
       );
       s.overwrite(node.end - 1, node.end, "))");
     }
@@ -1848,6 +1941,7 @@ var BrowserPlugin = (browserServer, base = "/") => {
   const pkgRoot = resolve(fileURLToPath(import.meta.url), "../..");
   const distRoot = resolve(pkgRoot, "dist");
   const project = browserServer.project;
+  let loupePath;
   return [
     {
       enforce: "pre",
@@ -1926,16 +2020,45 @@ var BrowserPlugin = (browserServer, base = "/") => {
           (file) => getFilePoolName(project, file) === "browser"
         );
         const setupFiles = toArray(project.config.setupFiles);
+        const define = {};
+        for (const env in project.config.env || {}) {
+          const stringValue = JSON.stringify(project.config.env[env]);
+          define[`process.env.${env}`] = stringValue;
+          define[`import.meta.env.${env}`] = stringValue;
+        }
+        const entries = [
+          ...browserTestFiles,
+          ...setupFiles,
+          resolve(distDir, "index.js"),
+          resolve(distDir, "browser.js"),
+          resolve(distDir, "runners.js"),
+          resolve(distDir, "utils.js"),
+          ...project.config.snapshotSerializers || []
+        ];
+        if (project.config.diff) {
+          entries.push(project.config.diff);
+        }
+        if (project.ctx.coverageProvider) {
+          const coverage = project.ctx.config.coverage;
+          const provider = coverage.provider;
+          if (provider === "v8") {
+            const path = tryResolve("@vitest/coverage-v8", [project.ctx.config.root]);
+            if (path) {
+              entries.push(path);
+            }
+          } else if (provider === "istanbul") {
+            const path = tryResolve("@vitest/coverage-istanbul", [project.ctx.config.root]);
+            if (path) {
+              entries.push(path);
+            }
+          } else if (provider === "custom" && coverage.customProviderModule) {
+            entries.push(coverage.customProviderModule);
+          }
+        }
         return {
+          define,
           optimizeDeps: {
-            entries: [
-              ...browserTestFiles,
-              ...setupFiles,
-              resolve(distDir, "index.js"),
-              resolve(distDir, "browser.js"),
-              resolve(distDir, "runners.js"),
-              resolve(distDir, "utils.js")
-            ],
+            entries,
             exclude: [
               "vitest",
               "vitest/utils",
@@ -1966,6 +2089,7 @@ var BrowserPlugin = (browserServer, base = "/") => {
               "vitest > chai > loupe",
               "vitest > @vitest/runner > p-limit",
               "vitest > @vitest/utils > diff-sequences",
+              "vitest > @vitest/utils > loupe",
               "@vitest/browser > @testing-library/user-event",
               "@vitest/browser > @testing-library/dom"
             ]
@@ -1992,7 +2116,7 @@ var BrowserPlugin = (browserServer, base = "/") => {
         if (rawId.startsWith("/__virtual_vitest__")) {
           const url = new URL(rawId, "http://localhost");
           if (!url.searchParams.has("id")) {
-            throw new TypeError(`Invalid virtual module id: ${rawId}, requires "id" query.`);
+            return;
           }
           const id = decodeURIComponent(url.searchParams.get("id"));
           const resolved = await this.resolve(id, distRoot, {
@@ -2013,6 +2137,15 @@ var BrowserPlugin = (browserServer, base = "/") => {
         if (id.startsWith("/__vitest_browser__/") || id.startsWith("/__vitest__/")) {
           return resolve(distRoot, "client", id.slice(1));
         }
+      },
+      configResolved(config) {
+        loupePath = resolve(config.cacheDir, "deps/loupe.js");
+      },
+      transform(code, id) {
+        if (id.startsWith(loupePath)) {
+          const utilRequire = "nodeUtil = require_util();";
+          return code.replace(utilRequire, " ".repeat(utilRequire.length));
+        }
       }
     },
     BrowserContext(browserServer),
@@ -2022,10 +2155,8 @@ var BrowserPlugin = (browserServer, base = "/") => {
       enforce: "post",
       async config(viteConfig) {
         // Enables using ignore hint for coverage providers with @preserve keyword
-        if (viteConfig.esbuild !== false) {
-          viteConfig.esbuild ||= {};
-          viteConfig.esbuild.legalComments = "inline";
-        }
+        viteConfig.esbuild ||= {};
+        viteConfig.esbuild.legalComments = "inline";
         const server = resolveApiServerConfig(
           viteConfig.test?.browser || {},
           defaultBrowserPort
@@ -2055,18 +2186,31 @@ var BrowserPlugin = (browserServer, base = "/") => {
     },
     // TODO: remove this when @testing-library/vue supports ESM
     {
-      name: "vitest:browser:support-vue-testing-library",
+      name: "vitest:browser:support-testing-library",
       config() {
         return {
+          define: {
+            // testing-library/preact
+            "process.env.PTL_SKIP_AUTO_CLEANUP": !!process.env.PTL_SKIP_AUTO_CLEANUP,
+            // testing-library/react
+            "process.env.RTL_SKIP_AUTO_CLEANUP": !!process.env.RTL_SKIP_AUTO_CLEANUP,
+            "process.env?.RTL_SKIP_AUTO_CLEANUP": !!process.env.RTL_SKIP_AUTO_CLEANUP,
+            // testing-library/svelte, testing-library/solid
+            "process.env.STL_SKIP_AUTO_CLEANUP": !!process.env.STL_SKIP_AUTO_CLEANUP,
+            // testing-library/vue
+            "process.env.VTL_SKIP_AUTO_CLEANUP": !!process.env.VTL_SKIP_AUTO_CLEANUP,
+            // dom.debug()
+            "process.env.DEBUG_PRINT_LIMIT": process.env.DEBUG_PRINT_LIMIT || 7e3
+          },
           optimizeDeps: {
             esbuildOptions: {
               plugins: [
                 {
                   name: "test-utils-rewrite",
                   setup(build) {
-                    const _require = createRequire(import.meta.url);
                     build.onResolve({ filter: /@vue\/test-utils/ }, (args) => {
-                      const resolved = _require.resolve(args.path, {
+                      const _require2 = getRequire();
+                      const resolved = _require2.resolve(args.path, {
                         paths: [args.importer]
                       });
                       return { path: resolved };
@@ -2081,6 +2225,21 @@ var BrowserPlugin = (browserServer, base = "/") => {
     }
   ];
 };
+function tryResolve(path, paths) {
+  try {
+    const _require2 = getRequire();
+    return _require2.resolve(path, { paths });
+  } catch {
+    return void 0;
+  }
+}
+let _require;
+function getRequire() {
+  if (!_require) {
+    _require = createRequire(import.meta.url);
+  }
+  return _require;
+}
 function resolveCoverageFolder(project) {
   const options = project.ctx.config;
   const htmlReporter = options.coverage?.enabled ? toArray(options.coverage.reporter).find((reporter) => {
@@ -2172,7 +2331,14 @@ function createBrowserPool(ctx) {
       files.push(file);
       groupedFiles.set(project, files);
     }
+    let isCancelled = false;
+    ctx.onCancel(() => {
+      isCancelled = true;
+    });
     for (const [project, files] of groupedFiles.entries()) {
+      if (isCancelled) {
+        break;
+      }
       await runTests(project, files);
     }
   };
@@ -2206,14 +2372,13 @@ async function createBrowserServer(project, configFile, prePlugins = [], postPlu
     ...project.options,
     // spread project config inlined in root workspace config
     base: "/",
-    logLevel: "error",
+    logLevel: process.env.VITEST_BROWSER_DEBUG ?? "info",
     mode: project.config.mode,
     configFile: configPath,
     // watch is handled by Vitest
     server: {
       hmr: false,
-      watch: null,
-      preTransformRequests: false
+      watch: null
     },
     plugins: [
       ...prePlugins,

package/dist/providers.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { W as WebdriverBrowserProvider, P as PlaywrightBrowserProvider } from './webdriver-BRud6NtS.js';
+import { W as WebdriverBrowserProvider, P as PlaywrightBrowserProvider } from './webdriver-CJA71Bgl.js';
 class PreviewBrowserProvider {
   name = "preview";

package/dist/state.js CHANGED Viewed

	@@ -1 +1 @@
1	- const{parse:$parse,stringify:$stringify}=JSON;const{keys}=Object;const Primitive=String;const primitive="string";const ignore={};const object="object";const noop=(_,value)=>value;const primitives=value=>value instanceof Primitive?Primitive(value):value;const Primitives=(_,value)=>typeof value===primitive?new Primitive(value):value;const revive=(input,parsed,output,$)=>{const lazy=[];for(let ke=keys(output),{length}=ke,y=0;y<length;y++){const k=ke[y];const value=output[k];if(value instanceof Primitive){const tmp=input[value];if(typeof tmp===object&&!parsed.has(tmp)){parsed.add(tmp);output[k]=ignore;lazy.push({k,a:[input,parsed,tmp,$]})}else output[k]=$.call(output,k,tmp)}else if(output[k]!==ignore)output[k]=$.call(output,k,value)}for(let{length}=lazy,i=0;i<length;i++){const{k,a}=lazy[i];output[k]=$.call(output,k,revive.apply(null,a))}return output};const parse=(text,reviver)=>{const input=$parse(text,Primitives).map(primitives);const value=input[0];const $=noop;const tmp=typeof value===object&&value?revive(input,new Set,value,$):value;return $.call({"":tmp},"",tmp)};function getBrowserState(){return window.__vitest_browser_runner__}const config=getBrowserState().config;const providedContext=parse(getBrowserState().providedContext);const state={ctx:{pool:"browser",worker:"./browser.js",workerId:1,config,projectName:config.name\|\|"",files:[],environment:{name:"browser",options:null},providedContext,invalidates:[]},onCancel:null,mockMap:new Map,config,environment:{name:"browser",transformMode:"web",setup(){throw new Error("Not called in the browser")}},moduleCache:getBrowserState().moduleCache,rpc:null,durations:{environment:0,prepare:performance.now()},providedContext};globalThis.__vitest_browser__=true;globalThis.__vitest_worker__=state;
1	+ const{parse:$parse,stringify:$stringify}=JSON;const{keys}=Object;const Primitive=String;const primitive="string";const ignore={};const object="object";const noop=(_,value)=>value;const primitives=value=>value instanceof Primitive?Primitive(value):value;const Primitives=(_,value)=>typeof value===primitive?new Primitive(value):value;const revive=(input,parsed,output,$)=>{const lazy=[];for(let ke=keys(output),{length}=ke,y=0;y<length;y++){const k=ke[y];const value=output[k];if(value instanceof Primitive){const tmp=input[value];if(typeof tmp===object&&!parsed.has(tmp)){parsed.add(tmp);output[k]=ignore;lazy.push({k,a:[input,parsed,tmp,$]})}else output[k]=$.call(output,k,tmp)}else if(output[k]!==ignore)output[k]=$.call(output,k,value)}for(let{length}=lazy,i=0;i<length;i++){const{k,a}=lazy[i];output[k]=$.call(output,k,revive.apply(null,a))}return output};const parse=(text,reviver)=>{const input=$parse(text,Primitives).map(primitives);const value=input[0];const $=noop;const tmp=typeof value===object&&value?revive(input,new Set,value,$):value;return $.call({"":tmp},"",tmp)};function getBrowserState(){return window.__vitest_browser_runner__}const config=getBrowserState().config;const contextId=getBrowserState().contextId;const providedContext=parse(getBrowserState().providedContext);const state={ctx:{pool:"browser",worker:"./browser.js",workerId:1,config,projectName:config.name\|\|"",files:[],environment:{name:"browser",options:null},providedContext,invalidates:[]},onCancel:null,mockMap:new Map,config,environment:{name:"browser",transformMode:"web",setup(){throw new Error("Not called in the browser")}},moduleCache:getBrowserState().moduleCache,rpc:null,durations:{environment:0,prepare:performance.now()},providedContext};globalThis.__vitest_browser__=true;globalThis.__vitest_worker__=state;getBrowserState().cdp=createCdp();function rpc(){return state.rpc}function createCdp(){const listenersMap=new WeakMap;function getId(listener){const id=listenersMap.get(listener)\|\|crypto.randomUUID();listenersMap.set(listener,id);return id}const listeners={};const error=err=>{window.dispatchEvent(new ErrorEvent("error",{error:err}))};const cdp={send(method,params){return rpc().sendCdpEvent(contextId,method,params)},on(event,listener){const listenerId=getId(listener);listeners[event]=listeners[event]\|\|[];listeners[event].push(listener);rpc().trackCdpEvent(contextId,"on",event,listenerId).catch(error);return cdp},once(event,listener){const listenerId=getId(listener);const handler=data=>{listener(data);cdp.off(event,listener)};listeners[event]=listeners[event]\|\|[];listeners[event].push(handler);rpc().trackCdpEvent(contextId,"once",event,listenerId).catch(error);return cdp},off(event,listener){const listenerId=getId(listener);if(listeners[event]){listeners[event]=listeners[event].filter(l=>l!==listener)}rpc().trackCdpEvent(contextId,"off",event,listenerId).catch(error);return cdp},emit(event,payload){if(listeners[event]){listeners[event].forEach(l=>{try{l(payload)}catch(err){error(err)}})}}};return cdp}