@vitest/browser 3.1.0-beta.1 → 3.1.0-beta.2

package/dist/locators/webdriverio.js

@@ -1,157 +1,154 @@
 import { page, server } from '@vitest/browser/context';
-import { g as getByTitleSelector, a as getByTextSelector, b as getByPlaceholderSelector, c as getByAltTextSelector, d as getByTestIdSelector, e as getByRoleSelector, f as getByLabelSelector, h as getElementError } from '../public-utils-J4vwTaki.js';
-import { s as selectorEngine, L as Locator, g as getBrowserState } from '../index-DrTP5i7N.js';
-import { c as convertElementToCssSelector, g as getIframeScale } from '../utils-VCysLhWp.js';
+import { g as getByTitleSelector, a as getByTextSelector, b as getByPlaceholderSelector, c as getByAltTextSelector, d as getByTestIdSelector, e as getByRoleSelector, f as getByLabelSelector, h as getElementError } from '../public-utils-4WiYB3_6.js';
+import { s as selectorEngine, L as Locator, c as convertElementToCssSelector, g as getBrowserState, a as getIframeScale } from '../index-VvsEiykv.js';
 import 'vitest/utils';
 
 page.extend({
-  getByLabelText(text, options) {
-    return new WebdriverIOLocator(getByLabelSelector(text, options));
-  },
-  getByRole(role, options) {
-    return new WebdriverIOLocator(getByRoleSelector(role, options));
-  },
-  getByTestId(testId) {
-    return new WebdriverIOLocator(getByTestIdSelector(server.config.browser.locators.testIdAttribute, testId));
-  },
-  getByAltText(text, options) {
-    return new WebdriverIOLocator(getByAltTextSelector(text, options));
-  },
-  getByPlaceholder(text, options) {
-    return new WebdriverIOLocator(getByPlaceholderSelector(text, options));
-  },
-  getByText(text, options) {
-    return new WebdriverIOLocator(getByTextSelector(text, options));
-  },
-  getByTitle(title, options) {
-    return new WebdriverIOLocator(getByTitleSelector(title, options));
-  },
-  elementLocator(element) {
-    return new WebdriverIOLocator(selectorEngine.generateSelectorSimple(element));
-  }
+	getByLabelText(text, options) {
+		return new WebdriverIOLocator(getByLabelSelector(text, options));
+	},
+	getByRole(role, options) {
+		return new WebdriverIOLocator(getByRoleSelector(role, options));
+	},
+	getByTestId(testId) {
+		return new WebdriverIOLocator(getByTestIdSelector(server.config.browser.locators.testIdAttribute, testId));
+	},
+	getByAltText(text, options) {
+		return new WebdriverIOLocator(getByAltTextSelector(text, options));
+	},
+	getByPlaceholder(text, options) {
+		return new WebdriverIOLocator(getByPlaceholderSelector(text, options));
+	},
+	getByText(text, options) {
+		return new WebdriverIOLocator(getByTextSelector(text, options));
+	},
+	getByTitle(title, options) {
+		return new WebdriverIOLocator(getByTitleSelector(title, options));
+	},
+	elementLocator(element) {
+		return new WebdriverIOLocator(selectorEngine.generateSelectorSimple(element));
+	}
 });
 class WebdriverIOLocator extends Locator {
-  constructor(_pwSelector, _container) {
-    super();
-    this._pwSelector = _pwSelector;
-    this._container = _container;
-  }
-  get selector() {
-    const selectors = this.elements().map((element) => convertElementToCssSelector(element));
-    if (!selectors.length) {
-      throw getElementError(this._pwSelector, this._container || document.body);
-    }
-    return selectors.join(", ");
-  }
-  click(options) {
-    return super.click(processClickOptions(options));
-  }
-  dblClick(options) {
-    return super.dblClick(processClickOptions(options));
-  }
-  tripleClick(options) {
-    return super.tripleClick(processClickOptions(options));
-  }
-  selectOptions(value, options) {
-    const values = getWebdriverioSelectOptions(this.element(), value);
-    return this.triggerCommand("__vitest_selectOptions", this.selector, values, options);
-  }
-  hover(options) {
-    return super.hover(processHoverOptions(options));
-  }
-  dropTo(target, options) {
-    return super.dropTo(target, processDragAndDropOptions(options));
-  }
-  locator(selector) {
-    return new WebdriverIOLocator(`${this._pwSelector} >> ${selector}`, this._container);
-  }
-  elementLocator(element) {
-    return new WebdriverIOLocator(selectorEngine.generateSelectorSimple(element), element);
-  }
+	constructor(_pwSelector, _container) {
+		super();
+		this._pwSelector = _pwSelector;
+		this._container = _container;
+	}
+	get selector() {
+		const selectors = this.elements().map((element) => convertElementToCssSelector(element));
+		if (!selectors.length) {
+			throw getElementError(this._pwSelector, this._container || document.body);
+		}
+		return selectors.join(", ");
+	}
+	click(options) {
+		return super.click(processClickOptions(options));
+	}
+	dblClick(options) {
+		return super.dblClick(processClickOptions(options));
+	}
+	tripleClick(options) {
+		return super.tripleClick(processClickOptions(options));
+	}
+	selectOptions(value, options) {
+		const values = getWebdriverioSelectOptions(this.element(), value);
+		return this.triggerCommand("__vitest_selectOptions", this.selector, values, options);
+	}
+	hover(options) {
+		return super.hover(processHoverOptions(options));
+	}
+	dropTo(target, options) {
+		return super.dropTo(target, processDragAndDropOptions(options));
+	}
+	locator(selector) {
+		return new WebdriverIOLocator(`${this._pwSelector} >> ${selector}`, this._container);
+	}
+	elementLocator(element) {
+		return new WebdriverIOLocator(selectorEngine.generateSelectorSimple(element), element);
+	}
 }
 function getWebdriverioSelectOptions(element, value) {
-  const options = [...element.querySelectorAll("option")];
-  const arrayValues = Array.isArray(value) ? value : [value];
-  if (!arrayValues.length) {
-    return [];
-  }
-  if (arrayValues.length > 1) {
-    throw new Error(`Provider "webdriverio" doesn't support selecting multiple values at once`);
-  }
-  const optionValue = arrayValues[0];
-  if (typeof optionValue !== "string") {
-    const element2 = "element" in optionValue ? optionValue.element() : optionValue;
-    const index = options.indexOf(element2);
-    if (index === -1) {
-      throw new Error(`The element ${selectorEngine.previewNode(element2)} was not found in the "select" options.`);
-    }
-    return [{ index }];
-  }
-  const valueIndex = options.findIndex((option) => option.value === optionValue);
-  if (valueIndex !== -1) {
-    return [{ index: valueIndex }];
-  }
-  const labelIndex = options.findIndex(
-    (option) => option.textContent?.trim() === optionValue || option.ariaLabel === optionValue
-  );
-  if (labelIndex === -1) {
-    throw new Error(`The option "${optionValue}" was not found in the "select" options.`);
-  }
-  return [{ index: labelIndex }];
+	const options = [...element.querySelectorAll("option")];
+	const arrayValues = Array.isArray(value) ? value : [value];
+	if (!arrayValues.length) {
+		return [];
+	}
+	if (arrayValues.length > 1) {
+		throw new Error("Provider \"webdriverio\" doesn't support selecting multiple values at once");
+	}
+	const optionValue = arrayValues[0];
+	if (typeof optionValue !== "string") {
+		const element = "element" in optionValue ? optionValue.element() : optionValue;
+		const index = options.indexOf(element);
+		if (index === -1) {
+			throw new Error(`The element ${selectorEngine.previewNode(element)} was not found in the "select" options.`);
+		}
+		return [{ index }];
+	}
+	const valueIndex = options.findIndex((option) => option.value === optionValue);
+	if (valueIndex !== -1) {
+		return [{ index: valueIndex }];
+	}
+	const labelIndex = options.findIndex((option) => option.textContent?.trim() === optionValue || option.ariaLabel === optionValue);
+	if (labelIndex === -1) {
+		throw new Error(`The option "${optionValue}" was not found in the "select" options.`);
+	}
+	return [{ index: labelIndex }];
 }
 function processClickOptions(options_) {
-  if (!options_ || !getBrowserState().config.browser.ui) {
-    return options_;
-  }
-  const options = options_;
-  if (options.x != null || options.y != null) {
-    const cache = {};
-    if (options.x != null) {
-      options.x = scaleCoordinate(options.x, cache);
-    }
-    if (options.y != null) {
-      options.y = scaleCoordinate(options.y, cache);
-    }
-  }
-  return options_;
+	if (!options_ || !getBrowserState().config.browser.ui) {
+		return options_;
+	}
+	const options = options_;
+	if (options.x != null || options.y != null) {
+		const cache = {};
+		if (options.x != null) {
+			options.x = scaleCoordinate(options.x, cache);
+		}
+		if (options.y != null) {
+			options.y = scaleCoordinate(options.y, cache);
+		}
+	}
+	return options_;
 }
 function processHoverOptions(options_) {
-  if (!options_ || !getBrowserState().config.browser.ui) {
-    return options_;
-  }
-  const options = options_;
-  const cache = {};
-  if (options.xOffset != null) {
-    options.xOffset = scaleCoordinate(options.xOffset, cache);
-  }
-  if (options.yOffset != null) {
-    options.yOffset = scaleCoordinate(options.yOffset, cache);
-  }
-  return options_;
+	if (!options_ || !getBrowserState().config.browser.ui) {
+		return options_;
+	}
+	const options = options_;
+	const cache = {};
+	if (options.xOffset != null) {
+		options.xOffset = scaleCoordinate(options.xOffset, cache);
+	}
+	if (options.yOffset != null) {
+		options.yOffset = scaleCoordinate(options.yOffset, cache);
+	}
+	return options_;
 }
 function processDragAndDropOptions(options_) {
-  if (!options_ || !getBrowserState().config.browser.ui) {
-    return options_;
-  }
-  const cache = {};
-  const options = options_;
-  if (options.sourceX != null) {
-    options.sourceX = scaleCoordinate(options.sourceX, cache);
-  }
-  if (options.sourceY != null) {
-    options.sourceY = scaleCoordinate(options.sourceY, cache);
-  }
-  if (options.targetX != null) {
-    options.targetX = scaleCoordinate(options.targetX, cache);
-  }
-  if (options.targetY != null) {
-    options.targetY = scaleCoordinate(options.targetY, cache);
-  }
-  return options_;
+	if (!options_ || !getBrowserState().config.browser.ui) {
+		return options_;
+	}
+	const cache = {};
+	const options = options_;
+	if (options.sourceX != null) {
+		options.sourceX = scaleCoordinate(options.sourceX, cache);
+	}
+	if (options.sourceY != null) {
+		options.sourceY = scaleCoordinate(options.sourceY, cache);
+	}
+	if (options.targetX != null) {
+		options.targetX = scaleCoordinate(options.targetX, cache);
+	}
+	if (options.targetY != null) {
+		options.targetY = scaleCoordinate(options.targetY, cache);
+	}
+	return options_;
 }
 function scaleCoordinate(coordinate, cache) {
-  return Math.round(coordinate * getCachedScale(cache));
+	return Math.round(coordinate * getCachedScale(cache));
 }
 function getCachedScale(cache) {
-  return cache.scale ??= getIframeScale();
+	return cache.scale ??= getIframeScale();
 }

package/dist/providers.js

@@ -1,42 +1,39 @@
-import { W as WebdriverBrowserProvider, P as PlaywrightBrowserProvider } from './webdriver-C5-VI7VH.js';
+import { W as WebdriverBrowserProvider, P as PlaywrightBrowserProvider } from './webdriver-BP2w_ajA.js';
 
 class PreviewBrowserProvider {
-  name = "preview";
-  supportsParallelism = false;
-  project;
-  open = false;
-  getSupportedBrowsers() {
-    return [];
-  }
-  isOpen() {
-    return this.open;
-  }
-  getCommandsContext() {
-    return {};
-  }
-  async initialize(project) {
-    this.project = project;
-    this.open = false;
-    if (project.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`
-      );
-    }
-    project.vitest.logger.printBrowserBanner(project);
-  }
-  async openPage(_sessionId, url) {
-    this.open = true;
-    if (!this.project.browser) {
-      throw new Error("Browser is not initialized");
-    }
-    const options = this.project.browser.vite.config.server;
-    const _open = options.open;
-    options.open = url;
-    this.project.browser.vite.openBrowser();
-    options.open = _open;
-  }
-  async close() {
-  }
+	name = "preview";
+	supportsParallelism = false;
+	project;
+	open = false;
+	getSupportedBrowsers() {
+		return [];
+	}
+	isOpen() {
+		return this.open;
+	}
+	getCommandsContext() {
+		return {};
+	}
+	async initialize(project) {
+		this.project = project;
+		this.open = false;
+		if (project.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");
+		}
+		project.vitest.logger.printBrowserBanner(project);
+	}
+	async openPage(_sessionId, url) {
+		this.open = true;
+		if (!this.project.browser) {
+			throw new Error("Browser is not initialized");
+		}
+		const options = this.project.browser.vite.config.server;
+		const _open = options.open;
+		options.open = url;
+		this.project.browser.vite.openBrowser();
+		options.open = _open;
+	}
+	async close() {}
 }
 
 const webdriverio = WebdriverBrowserProvider;

package/dist/{public-utils-J4vwTaki.js → public-utils-4WiYB3_6.js}

@@ -5510,52 +5510,50 @@ function getByRoleSelector(role, options = {}) {
 }
 
 function getElementLocatorSelectors(element) {
-  const locator = page.elementLocator(element);
-  return {
-    getByAltText: (altText, options) => locator.getByAltText(altText, options),
-    getByLabelText: (labelText, options) => locator.getByLabelText(labelText, options),
-    getByPlaceholder: (placeholderText, options) => locator.getByPlaceholder(placeholderText, options),
-    getByRole: (role, options) => locator.getByRole(role, options),
-    getByTestId: (testId) => locator.getByTestId(testId),
-    getByText: (text, options) => locator.getByText(text, options),
-    getByTitle: (title, options) => locator.getByTitle(title, options)
-  };
+	const locator = page.elementLocator(element);
+	return {
+		getByAltText: (altText, options) => locator.getByAltText(altText, options),
+		getByLabelText: (labelText, options) => locator.getByLabelText(labelText, options),
+		getByPlaceholder: (placeholderText, options) => locator.getByPlaceholder(placeholderText, options),
+		getByRole: (role, options) => locator.getByRole(role, options),
+		getByTestId: (testId) => locator.getByTestId(testId),
+		getByText: (text, options) => locator.getByText(text, options),
+		getByTitle: (title, options) => locator.getByTitle(title, options)
+	};
 }
 function debug(el, maxLength, options) {
-  if (Array.isArray(el)) {
-    el.forEach((e) => console.log(prettyDOM(e, maxLength, options)));
-  } else {
-    console.log(prettyDOM(el, maxLength, options));
-  }
+	if (Array.isArray(el)) {
+		el.forEach((e) => console.log(prettyDOM(e, maxLength, options)));
+	} else {
+		console.log(prettyDOM(el, maxLength, options));
+	}
 }
 function prettyDOM(dom, maxLength = Number(import.meta.env.DEBUG_PRINT_LIMIT ?? 7e3), prettyFormatOptions = {}) {
-  if (maxLength === 0) {
-    return "";
-  }
-  if (!dom) {
-    dom = document.body;
-  }
-  if ("element" in dom && "all" in dom) {
-    dom = dom.element();
-  }
-  const type = typeof dom;
-  if (type !== "object" || !dom.outerHTML) {
-    const typeName = type === "object" ? dom.constructor.name : type;
-    throw new TypeError(`Expecting a valid DOM element, but got ${typeName}.`);
-  }
-  const pretty = stringify(dom, Number.POSITIVE_INFINITY, {
-    maxLength,
-    highlight: true,
-    ...prettyFormatOptions
-  });
-  return dom.outerHTML.length > maxLength ? `${pretty.slice(0, maxLength)}...` : pretty;
+	if (maxLength === 0) {
+		return "";
+	}
+	if (!dom) {
+		dom = document.body;
+	}
+	if ("element" in dom && "all" in dom) {
+		dom = dom.element();
+	}
+	const type = typeof dom;
+	if (type !== "object" || !dom.outerHTML) {
+		const typeName = type === "object" ? dom.constructor.name : type;
+		throw new TypeError(`Expecting a valid DOM element, but got ${typeName}.`);
+	}
+	const pretty = stringify(dom, Number.POSITIVE_INFINITY, {
+		maxLength,
+		highlight: true,
+		...prettyFormatOptions
+	});
+	return dom.outerHTML.length > maxLength ? `${pretty.slice(0, maxLength)}...` : pretty;
 }
 function getElementError(selector, container) {
-  const error = new Error(`Cannot find element with locator: ${asLocator("javascript", selector)}
-
-${prettyDOM(container)}`);
-  error.name = "VitestBrowserElementError";
-  return error;
+	const error = new Error(`Cannot find element with locator: ${asLocator("javascript", selector)}\n\n${prettyDOM(container)}`);
+	error.name = "VitestBrowserElementError";
+	return error;
 }
 
 export { Ivya as I, getByTextSelector as a, getByPlaceholderSelector as b, getByAltTextSelector as c, getByTestIdSelector as d, getByRoleSelector as e, getByLabelSelector as f, getByTitleSelector as g, getElementError as h, getElementLocatorSelectors as i, debug as j, prettyDOM as p };

package/dist/state.js

@@ -1 +1,170 @@
-(function(){"use strict";const{parse:$parse}=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}))}})();
+(function () {
+  'use strict';
+
+  /// <reference types="../types/index.d.ts" />
+
+  // (c) 2020-present Andrea Giammarchi
+
+  const {parse: $parse} = JSON;
+  const {keys} = Object;
+
+  const Primitive = String;   // it could be Number
+  const primitive = 'string'; // it could be 'number'
+
+  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;
+  };
+
+  /**
+   * Converts a specialized flatted string into a JS value.
+   * @param {string} text
+   * @param {(this: any, key: string, value: any) => any} [reviver]
+   * @returns {any}
+   */
+  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);
+  };
+
+  /* @__NO_SIDE_EFFECTS__ */
+  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/utils.js

@@ -1,3 +1,3 @@
 import '@vitest/browser/context';
-export { j as debug, h as getElementError, i as getElementLocatorSelectors, p as prettyDOM } from './public-utils-J4vwTaki.js';
+export { j as debug, h as getElementError, i as getElementLocatorSelectors, p as prettyDOM } from './public-utils-4WiYB3_6.js';
 import 'vitest/utils';