@vitest/browser 3.0.0-beta.2 → 3.0.0-beta.4

package/dist/locators/index.d.ts

@@ -253,6 +253,9 @@ declare abstract class Locator {
     element(): Element;
     elements(): Element[];
     all(): Locator[];
+    nth(index: number): Locator;
+    first(): Locator;
+    last(): Locator;
     toString(): string;
     toJSON(): string;
     private get state();

package/dist/locators/index.js

@@ -1,4 +1,4 @@
 import '@vitest/browser/context';
 import '../public-utils-D6S2-5kI.js';
-export { L as Locator, s as selectorEngine } from '../index-CMAn5ZST.js';
+export { L as Locator, s as selectorEngine } from '../index-Dos_sf7B.js';
 import 'vitest/utils';

package/dist/locators/playwright.js

@@ -1,6 +1,6 @@
 import { page, server } from '@vitest/browser/context';
 import { g as getByLabelSelector, a as getByRoleSelector, b as getByTestIdSelector, c as getByAltTextSelector, d as getByPlaceholderSelector, e as getByTextSelector, f as getByTitleSelector } from '../public-utils-D6S2-5kI.js';
-import { s as selectorEngine, L as Locator } from '../index-CMAn5ZST.js';
+import { s as selectorEngine, L as Locator } from '../index-Dos_sf7B.js';
 import 'vitest/utils';
 
 page.extend({

package/dist/locators/preview.js

@@ -1,6 +1,6 @@
 import { page, server, userEvent } from '@vitest/browser/context';
 import { g as getByLabelSelector, a as getByRoleSelector, b as getByTestIdSelector, c as getByAltTextSelector, d as getByPlaceholderSelector, e as getByTextSelector, f as getByTitleSelector, h as getElementError } from '../public-utils-D6S2-5kI.js';
-import { s as selectorEngine, L as Locator, c as convertElementToCssSelector } from '../index-CMAn5ZST.js';
+import { s as selectorEngine, L as Locator, c as convertElementToCssSelector } from '../index-Dos_sf7B.js';
 import 'vitest/utils';
 
 page.extend({

package/dist/locators/webdriverio.js

@@ -1,6 +1,6 @@
 import { page, server } from '@vitest/browser/context';
 import { g as getByLabelSelector, a as getByRoleSelector, b as getByTestIdSelector, c as getByAltTextSelector, d as getByPlaceholderSelector, e as getByTextSelector, f as getByTitleSelector, h as getElementError } from '../public-utils-D6S2-5kI.js';
-import { s as selectorEngine, L as Locator, c as convertElementToCssSelector } from '../index-CMAn5ZST.js';
+import { s as selectorEngine, L as Locator, c as convertElementToCssSelector } from '../index-Dos_sf7B.js';
 import 'vitest/utils';
 
 page.extend({

package/dist/providers.js

@@ -1,4 +1,4 @@
-import { W as WebdriverBrowserProvider, P as PlaywrightBrowserProvider } from './webdriver-JzwxG3Ek.js';
+import { W as WebdriverBrowserProvider, P as PlaywrightBrowserProvider } from './webdriver-dkCg9pjp.js';
 
 class PreviewBrowserProvider {
   name = "preview";
@@ -22,9 +22,9 @@ class PreviewBrowserProvider {
         `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`
       );
     }
-    project.ctx.logger.printBrowserBanner(project);
+    project.vitest.logger.printBrowserBanner(project);
   }
-  async openPage(_contextId, url) {
+  async openPage(_sessionId, url) {
     this.open = true;
     if (!this.project.browser) {
       throw new Error("Browser is not initialized");

package/dist/state.js

@@ -1 +1 @@
-(function(){"use strict";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,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 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}function error(err){window.dispatchEvent(new ErrorEvent("error",{error:err}))}})();
+(function(){"use strict";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 sessionId=getBrowserState().sessionId;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,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 cdp={send(method,params){return rpc().sendCdpEvent(sessionId,method,params)},on(event,listener){const listenerId=getId(listener);listeners[event]=listeners[event]||[];listeners[event].push(listener);rpc().trackCdpEvent(sessionId,"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(sessionId,"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(sessionId,"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}function error(err){window.dispatchEvent(new ErrorEvent("error",{error:err}))}})();

package/dist/{webdriver-JzwxG3Ek.js → webdriver-dkCg9pjp.js}

@@ -37,7 +37,7 @@ class PlaywrightBrowserProvider {
         launchOptions.args ||= [];
         launchOptions.args.push(`--remote-debugging-port=${port}`);
         launchOptions.args.push(`--remote-debugging-address=${host}`);
-        this.project.logger.log(`Debugger listening on ws://${host}:${port}`);
+        this.project.vitest.logger.log(`Debugger listening on ws://${host}:${port}`);
       }
       if (this.project.config.browser.ui && this.browserName === "chromium") {
         if (!launchOptions.args) {
@@ -54,9 +54,9 @@ class PlaywrightBrowserProvider {
     })();
     return this.browserPromise;
   }
-  async createContext(contextId) {
-    if (this.contexts.has(contextId)) {
-      return this.contexts.get(contextId);
+  async createContext(sessionId) {
+    if (this.contexts.has(sessionId)) {
+      return this.contexts.get(sessionId);
     }
     const browser = await this.openBrowser();
     const { actionTimeout, ...contextOptions } = this.options?.context ?? {};
@@ -72,21 +72,21 @@ class PlaywrightBrowserProvider {
     if (actionTimeout) {
       context.setDefaultTimeout(actionTimeout);
     }
-    this.contexts.set(contextId, context);
+    this.contexts.set(sessionId, context);
     return context;
   }
-  getPage(contextId) {
-    const page = this.pages.get(contextId);
+  getPage(sessionId) {
+    const page = this.pages.get(sessionId);
     if (!page) {
-      throw new Error(`Page "${contextId}" not found`);
+      throw new Error(`Page "${sessionId}" not found in ${this.browserName} browser.`);
     }
     return page;
   }
-  getCommandsContext(contextId) {
-    const page = this.getPage(contextId);
+  getCommandsContext(sessionId) {
+    const page = this.getPage(sessionId);
     return {
       page,
-      context: this.contexts.get(contextId),
+      context: this.contexts.get(sessionId),
       frame() {
         return new Promise((resolve, reject) => {
           const frame = page.frame("vitest-iframe");
@@ -108,15 +108,15 @@ class PlaywrightBrowserProvider {
       }
     };
   }
-  async openBrowserPage(contextId) {
-    if (this.pages.has(contextId)) {
-      const page2 = this.pages.get(contextId);
+  async openBrowserPage(sessionId) {
+    if (this.pages.has(sessionId)) {
+      const page2 = this.pages.get(sessionId);
       await page2.close();
-      this.pages.delete(contextId);
+      this.pages.delete(sessionId);
     }
-    const context = await this.createContext(contextId);
+    const context = await this.createContext(sessionId);
     const page = await context.newPage();
-    this.pages.set(contextId, page);
+    this.pages.set(sessionId, page);
     if (process.env.VITEST_PW_DEBUG) {
       page.on("requestfailed", (request) => {
         console.error(
@@ -131,13 +131,13 @@ class PlaywrightBrowserProvider {
     }
     return page;
   }
-  async openPage(contextId, url, beforeNavigate) {
-    const browserPage = await this.openBrowserPage(contextId);
+  async openPage(sessionId, url, beforeNavigate) {
+    const browserPage = await this.openBrowserPage(sessionId);
     await beforeNavigate?.();
     await browserPage.goto(url, { timeout: 0 });
   }
-  async getCDPSession(contextId) {
-    const page = this.getPage(contextId);
+  async getCDPSession(sessionid) {
+    const page = this.getPage(sessionid);
     const cdp = await page.context().newCDPSession(page);
     return {
       async send(method, params) {
@@ -247,7 +247,7 @@ class WebdriverBrowserProvider {
     }
     return capabilities;
   }
-  async openPage(_contextId, url) {
+  async openPage(_sessionId, url) {
     const browserInstance = await this.openBrowser();
     await browserInstance.url(url);
   }

package/jest-dom.d.ts

@@ -192,10 +192,10 @@ declare namespace matchers {
      *
      * const ancestor = getByTestId('ancestor')
      * const descendant = getByTestId('descendant')
-     * const nonExistantElement = getByTestId('does-not-exist')
+     * const nonExistentElement = getByTestId('does-not-exist')
      * expect(ancestor).toContainElement(descendant)
      * expect(descendant).not.toContainElement(ancestor)
-     * expect(ancestor).not.toContainElement(nonExistantElement)
+     * expect(ancestor).not.toContainElement(nonExistentElement)
      * @see
      * [testing-library/jest-dom#tocontainelement](https://github.com/testing-library/jest-dom#tocontainelement)
      */
@@ -282,7 +282,7 @@ declare namespace matchers {
      *   <option value="avocado">Avocado</option>
      * </select>
      *
-     * <label for="mutiple-select-example">Fruits</label>
+     * <label for="multiple-select-example">Fruits</label>
      * <select id="multiple-select-example" multiple>
      *   <option value="">Select a fruit...</option>
      *   <option value="banana" selected>Banana</option>
@@ -382,7 +382,7 @@ declare namespace matchers {
      * expect(element).toHaveTextContent('Content')
      * // to match the whole content
      * expect(element).toHaveTextContent(/^Text Content$/)
-     * // to use case-insentive match
+     * // to use case-insensitive match
      * expect(element).toHaveTextContent(/content$/i)
      * expect(element).not.toHaveTextContent('content')
      * @see

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitest/browser",
   "type": "module",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.4",
   "description": "Browser running for Vitest",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
@@ -65,7 +65,7 @@
   "peerDependencies": {
     "playwright": "*",
     "webdriverio": "*",
-    "vitest": "3.0.0-beta.2"
+    "vitest": "3.0.0-beta.4"
   },
   "peerDependenciesMeta": {
     "playwright": {
@@ -81,13 +81,13 @@
   "dependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/user-event": "^14.5.2",
-    "magic-string": "^0.30.14",
-    "msw": "^2.6.8",
+    "magic-string": "^0.30.17",
+    "msw": "^2.7.0",
     "sirv": "^3.0.0",
     "tinyrainbow": "^1.2.0",
     "ws": "^8.18.0",
-    "@vitest/mocker": "3.0.0-beta.2",
-    "@vitest/utils": "3.0.0-beta.2"
+    "@vitest/mocker": "3.0.0-beta.4",
+    "@vitest/utils": "3.0.0-beta.4"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
@@ -96,17 +96,17 @@
     "birpc": "0.2.19",
     "flatted": "^3.3.2",
     "ivya": "^1.1.1",
-    "mime": "^4.0.4",
-    "pathe": "^1.1.2",
+    "mime": "^4.0.6",
+    "pathe": "^2.0.0",
     "periscopic": "^4.0.2",
-    "playwright": "^1.49.0",
-    "playwright-core": "^1.49.0",
+    "playwright": "^1.49.1",
+    "playwright-core": "^1.49.1",
     "safaridriver": "^1.0.0",
-    "webdriverio": "^8.40.6",
-    "@vitest/ui": "3.0.0-beta.2",
-    "@vitest/ws-client": "3.0.0-beta.2",
-    "@vitest/runner": "3.0.0-beta.2",
-    "vitest": "3.0.0-beta.2"
+    "webdriverio": "^8.41.0",
+    "@vitest/runner": "3.0.0-beta.4",
+    "@vitest/ui": "3.0.0-beta.4",
+    "@vitest/ws-client": "3.0.0-beta.4",
+    "vitest": "3.0.0-beta.4"
   },
   "scripts": {
     "build": "rimraf dist && pnpm build:node && pnpm build:client",

package/providers/playwright.d.ts

@@ -9,9 +9,10 @@ import type {
 } from 'playwright'
 import { Protocol } from 'playwright-core/types/protocol'
 import '../matchers.js'
+import type {} from "vitest/node"
 
 declare module 'vitest/node' {
-  interface BrowserProviderOptions {
+  export interface BrowserProviderOptions {
     launch?: LaunchOptions
     context?: Omit<
       BrowserContextOptions,

package/providers/webdriverio.d.ts

@@ -1,8 +1,9 @@
 import type { RemoteOptions, ClickOptions, DragAndDropOptions } from 'webdriverio'
 import '../matchers.js'
+import type {} from "vitest/node"
 
 declare module 'vitest/node' {
-  interface BrowserProviderOptions extends RemoteOptions {}
+  export interface BrowserProviderOptions extends Partial<RemoteOptions> {}
 
   export interface UserEventClickOptions extends ClickOptions {}