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

package/dist/providers.js

@@ -1,4 +1,4 @@
-import { W as WebdriverBrowserProvider, P as PlaywrightBrowserProvider } from './webdriver-BRud6NtS.js';
+import { W as WebdriverBrowserProvider, P as PlaywrightBrowserProvider } from './webdriver-BdVqnfdE.js';
 
 class PreviewBrowserProvider {
   name = "preview";
@@ -19,7 +19,7 @@ class PreviewBrowserProvider {
     this.open = false;
     if (ctx.config.browser.headless) {
       throw new Error(
-        `You've enabled headless mode for "preview" provider but it doesn't support it. Use "playwright" or "webdriverio" instead: https://vitest.dev/guide/browser#configuration`
+        `You've enabled headless mode for "preview" provider but it doesn't support it. Use "playwright" or "webdriverio" instead: https://vitest.dev/guide/browser/#configuration`
       );
     }
   }

package/dist/state.js

@@ -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;
+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}

package/dist/{webdriver-BRud6NtS.js → webdriver-BdVqnfdE.js}

@@ -27,10 +27,19 @@ class PlaywrightBrowserProvider {
     this.browserPromise = (async () => {
       const options = this.ctx.config.browser;
       const playwright = await import('playwright');
-      const browser = await playwright[this.browserName].launch({
+      const launchOptions = {
         ...this.options?.launch,
         headless: options.headless
-      });
+      };
+      if (this.ctx.config.browser.ui && this.browserName === "chromium") {
+        if (!launchOptions.args) {
+          launchOptions.args = [];
+        }
+        if (!launchOptions.args.includes("--start-maximized") && !launchOptions.args.includes("--start-fullscreen")) {
+          launchOptions.args.push("--start-maximized");
+        }
+      }
+      const browser = await playwright[this.browserName].launch(launchOptions);
       this.browser = browser;
       this.browserPromise = null;
       return this.browser;
@@ -42,11 +51,15 @@ class PlaywrightBrowserProvider {
       return this.contexts.get(contextId);
     }
     const browser = await this.openBrowser();
-    const context = await browser.newContext({
+    const options = {
       ...this.options?.context,
       ignoreHTTPSErrors: true,
       serviceWorkers: "allow"
-    });
+    };
+    if (this.ctx.config.browser.ui) {
+      options.viewport = null;
+    }
+    const context = await browser.newContext(options);
     this.contexts.set(contextId, context);
     return context;
   }
@@ -62,8 +75,24 @@ class PlaywrightBrowserProvider {
     return {
       page,
       context: this.contexts.get(contextId),
-      get frame() {
-        return page.frame("vitest-iframe");
+      frame() {
+        return new Promise((resolve, reject) => {
+          const frame = page.frame("vitest-iframe");
+          if (frame) {
+            return resolve(frame);
+          }
+          const timeout = setTimeout(() => {
+            const err = new Error(`Cannot find "vitest-iframe" on the page. This is a bug in Vitest, please report it.`);
+            reject(err);
+          }, 1e3);
+          page.on("frameattached", (frame2) => {
+            clearTimeout(timeout);
+            resolve(frame2);
+          });
+        });
+      },
+      get iframe() {
+        return page.frameLocator('[data-vitest="true"]');
       }
     };
   }
@@ -76,12 +105,43 @@ class PlaywrightBrowserProvider {
     const context = await this.createContext(contextId);
     const page = await context.newPage();
     this.pages.set(contextId, page);
+    if (process.env.VITEST_PW_DEBUG) {
+      page.on("requestfailed", (request) => {
+        console.error(
+          "[PW Error]",
+          request.resourceType(),
+          "request failed for",
+          request.url(),
+          "url:",
+          request.failure()?.errorText
+        );
+      });
+    }
     return page;
   }
   async openPage(contextId, url) {
     const browserPage = await this.openBrowserPage(contextId);
     await browserPage.goto(url);
   }
+  async getCDPSession(contextId) {
+    const page = this.getPage(contextId);
+    const cdp = await page.context().newCDPSession(page);
+    return {
+      async send(method, params) {
+        const result = await cdp.send(method, params);
+        return result;
+      },
+      on(event, listener) {
+        cdp.on(event, listener);
+      },
+      off(event, listener) {
+        cdp.off(event, listener);
+      },
+      once(event, listener) {
+        cdp.once(event, listener);
+      }
+    };
+  }
   async close() {
     const browser = this.browser;
     this.browser = null;
@@ -163,6 +223,15 @@ class WebdriverBrowserProvider {
       const newArgs = [...currentValues.args || [], ...args];
       capabilities[key] = { ...currentValues, args: newArgs };
     }
+    if (options.ui && (browser === "chrome" || browser === "edge")) {
+      const key = browser === "chrome" ? "goog:chromeOptions" : "ms:edgeOptions";
+      const args = capabilities[key]?.args || [];
+      if (!args.includes("--start-maximized") && !args.includes("--start-fullscreen")) {
+        args.push("--start-maximized");
+      }
+      capabilities[key] ??= {};
+      capabilities[key].args = args;
+    }
     return capabilities;
   }
   async openPage(_contextId, url) {