@vitest/browser 5.0.2 → 5.0.4

package/aria-role.d.ts

@@ -1,96 +1,96 @@
 type ARIAWidgetRole =
-    | "button"
-    | "checkbox"
-    | "gridcell"
-    | "link"
-    | "menuitem"
-    | "menuitemcheckbox"
-    | "menuitemradio"
-    | "option"
-    | "progressbar"
-    | "radio"
-    | "scrollbar"
-    | "searchbox"
-    | "slider"
-    | "spinbutton"
-    | "switch"
-    | "tab"
-    | "tabpanel"
-    | "textbox"
-    | "treeitem";
+  | 'button'
+  | 'checkbox'
+  | 'gridcell'
+  | 'link'
+  | 'menuitem'
+  | 'menuitemcheckbox'
+  | 'menuitemradio'
+  | 'option'
+  | 'progressbar'
+  | 'radio'
+  | 'scrollbar'
+  | 'searchbox'
+  | 'slider'
+  | 'spinbutton'
+  | 'switch'
+  | 'tab'
+  | 'tabpanel'
+  | 'textbox'
+  | 'treeitem'
 
 type ARIACompositeWidgetRole =
-    | "combobox"
-    | "grid"
-    | "listbox"
-    | "menu"
-    | "menubar"
-    | "radiogroup"
-    | "tablist"
-    | "tree"
-    | "treegrid";
+  | 'combobox'
+  | 'grid'
+  | 'listbox'
+  | 'menu'
+  | 'menubar'
+  | 'radiogroup'
+  | 'tablist'
+  | 'tree'
+  | 'treegrid'
 
 type ARIADocumentStructureRole =
-    | "application"
-    | "article"
-    | "blockquote"
-    | "caption"
-    | "cell"
-    | "columnheader"
-    | "definition"
-    | "deletion"
-    | "directory"
-    | "document"
-    | "emphasis"
-    | "feed"
-    | "figure"
-    | "generic"
-    | "group"
-    | "heading"
-    | "img"
-    | "insertion"
-    | "list"
-    | "listitem"
-    | "math"
-    | "meter"
-    | "none"
-    | "note"
-    | "paragraph"
-    | "presentation"
-    | "row"
-    | "rowgroup"
-    | "rowheader"
-    | "separator"
-    | "strong"
-    | "subscript"
-    | "superscript"
-    | "table"
-    | "term"
-    | "time"
-    | "toolbar"
-    | "tooltip";
+  | 'application'
+  | 'article'
+  | 'blockquote'
+  | 'caption'
+  | 'cell'
+  | 'columnheader'
+  | 'definition'
+  | 'deletion'
+  | 'directory'
+  | 'document'
+  | 'emphasis'
+  | 'feed'
+  | 'figure'
+  | 'generic'
+  | 'group'
+  | 'heading'
+  | 'img'
+  | 'insertion'
+  | 'list'
+  | 'listitem'
+  | 'math'
+  | 'meter'
+  | 'none'
+  | 'note'
+  | 'paragraph'
+  | 'presentation'
+  | 'row'
+  | 'rowgroup'
+  | 'rowheader'
+  | 'separator'
+  | 'strong'
+  | 'subscript'
+  | 'superscript'
+  | 'table'
+  | 'term'
+  | 'time'
+  | 'toolbar'
+  | 'tooltip'
 
 type ARIALandmarkRole =
-    | "banner"
-    | "complementary"
-    | "contentinfo"
-    | "form"
-    | "main"
-    | "navigation"
-    | "region"
-    | "search";
+  | 'banner'
+  | 'complementary'
+  | 'contentinfo'
+  | 'form'
+  | 'main'
+  | 'navigation'
+  | 'region'
+  | 'search'
 
-type ARIALiveRegionRole = "alert" | "log" | "marquee" | "status" | "timer";
+type ARIALiveRegionRole = 'alert' | 'log' | 'marquee' | 'status' | 'timer'
 
-type ARIAWindowRole = "alertdialog" | "dialog";
+type ARIAWindowRole = 'alertdialog' | 'dialog'
 
-type ARIAUncategorizedRole = "code";
+type ARIAUncategorizedRole = 'code'
 
 export type ARIARole =
-    | ARIAWidgetRole
-    | ARIACompositeWidgetRole
-    | ARIADocumentStructureRole
-    | ARIALandmarkRole
-    | ARIALiveRegionRole
-    | ARIAWindowRole
-    | ARIAUncategorizedRole;
+  | ARIAWidgetRole
+  | ARIACompositeWidgetRole
+  | ARIADocumentStructureRole
+  | ARIALandmarkRole
+  | ARIALiveRegionRole
+  | ARIAWindowRole
+  | ARIAUncategorizedRole

package/context.d.ts

@@ -1,8 +1,14 @@
+import { __ivyaAriaTypes } from '@vitest/browser/internal/vendor-types'
 import { SerializedConfig } from 'vitest'
-import { StringifyOptions, CDPSession, BrowserCommands, BrowserTraceEntryKind, MarkOptions } from 'vitest/internal/browser'
+import {
+  StringifyOptions,
+  CDPSession,
+  BrowserCommands,
+  BrowserTraceEntryKind,
+  MarkOptions,
+} from 'vitest/internal/browser'
 import { ARIARole } from './aria-role.js'
 import {} from './matchers.js'
-import { __ivyaAriaTypes } from '@vitest/browser/internal/vendor-types'
 
 export type BufferEncoding =
   | 'ascii'
@@ -18,7 +24,7 @@ export type BufferEncoding =
   | 'binary'
   | 'hex'
 
-export { BrowserTraceEntryKind, CDPSession, MarkOptions };
+export { BrowserTraceEntryKind, CDPSession, MarkOptions }
 
 export interface ScreenshotOptions extends SelectorOptions {
   /**
@@ -146,7 +152,7 @@ export type NonStandardScreenshotComparators = Omit<
 >
 
 export interface ScreenshotMatcherOptions<
-  ComparatorName extends keyof ScreenshotComparatorRegistry = keyof ScreenshotComparatorRegistry
+  ComparatorName extends keyof ScreenshotComparatorRegistry = keyof ScreenshotComparatorRegistry,
 > {
   /**
    * The name of the comparator to use for visual diffing.
@@ -320,7 +326,11 @@ export interface UserEvent {
    * @see {@link https://playwright.dev/docs/api/class-locator#locator-set-input-files} Playwright API
    * @see {@link https://testing-library.com/docs/user-event/utility#upload} testing-library API
    */
-  upload: (element: Element | Locator, files: File | File[] | string | string[], options?: UserEventUploadOptions) => Promise<void>
+  upload: (
+    element: Element | Locator,
+    files: File | File[] | string | string[],
+    options?: UserEventUploadOptions,
+  ) => Promise<void>
   /**
    * Copies the selected content.
    * @see {@link https://playwright.dev/docs/api/class-keyboard} Playwright API
@@ -360,7 +370,11 @@ export interface UserEvent {
    * @see {@link https://playwright.dev/docs/api/class-frame#frame-drag-and-drop} Playwright API
    * @see {@link https://webdriver.io/docs/api/element/dragAndDrop/} WebdriverIO API
    */
-  dragAndDrop: (source: Element | Locator, target: Element | Locator, options?: UserEventDragAndDropOptions) => Promise<void>
+  dragAndDrop: (
+    source: Element | Locator,
+    target: Element | Locator,
+    options?: UserEventDragAndDropOptions,
+  ) => Promise<void>
 }
 
 export interface UserEventFillOptions {}
@@ -851,10 +865,13 @@ export interface BrowserPage extends LocatorSelectors {
     base64: string
   }>
   screenshot(options?: Omit<ScreenshotOptions, 'base64'>): Promise<string>
-  screenshot(options?: ScreenshotOptions): Promise<string | {
-    path: string
-    base64: string
-  }>
+  screenshot(options?: ScreenshotOptions): Promise<
+    | string
+    | {
+        path: string
+        base64: string
+      }
+  >
   /**
    * Add a trace marker when browser tracing is enabled.
    * @see {@link https://vitest.dev/api/browser/context#mark}
@@ -927,7 +944,6 @@ export interface BrowserLocators {
   }): void
 }
 
-
 export type PrettyDOMOptions = Omit<StringifyOptions, 'maxLength'>
 
 export const utils: {

package/context.js

@@ -12,9 +12,9 @@ export const utils = null
 const pool = globalThis.__vitest_worker__?.ctx?.pool
 
 throw new Error(
-  // eslint-disable-next-line prefer-template
-  'vitest/browser can be imported only inside the Browser Mode. '
-  + (pool
-    ? `Your test is running in ${pool} pool. Make sure your regular tests are excluded from the "test.include" glob pattern.`
-    : 'Instead, it was imported outside of Vitest.'),
+  // oxlint-disable-next-line prefer-template
+  'vitest/browser can be imported only inside the Browser Mode. ' +
+    (pool
+      ? `Your test is running in ${pool} pool. Make sure your regular tests are excluded from the "test.include" glob pattern.`
+      : 'Instead, it was imported outside of Vitest.'),
 )

package/dist/client/.vite/manifest.json

@@ -10,7 +10,7 @@
     "name": "defineProperty"
   },
   "orchestrator.html": {
-    "file": "__vitest_browser__/orchestrator-M9828UZ-.js",
+    "file": "__vitest_browser__/orchestrator-Czo025Y6.js",
     "name": "orchestrator",
     "src": "orchestrator.html",
     "isEntry": true,
@@ -22,7 +22,7 @@
     ]
   },
   "tester/tester.html": {
-    "file": "__vitest_browser__/tester-COH68OX9.js",
+    "file": "__vitest_browser__/tester-BH7uPfyB.js",
     "name": "tester",
     "src": "tester/tester.html",
     "isEntry": true,

package/dist/client/__vitest_browser__/{orchestrator-M9828UZ-.js → orchestrator-Czo025Y6.js}

@@ -11,6 +11,7 @@ function getUiAPI() {
 //#endregion
 //#region src/client/orchestrator.ts
 var ID_ALL = "__vitest_all__";
+var IFRAME_UNLOAD_TIMEOUT = 5e3;
 var IframeOrchestrator = class {
 	constructor() {
 		_defineProperty(this, "cancelled", false);
@@ -22,6 +23,7 @@ var IframeOrchestrator = class {
 		_defineProperty(this, "eventTarget", new EventTarget());
 		_defineProperty(this, "traces", void 0);
 		_defineProperty(this, "loggedIframe", /* @__PURE__ */ new WeakSet());
+		_defineProperty(this, "iframeLoads", /* @__PURE__ */ new WeakMap());
 		_defineProperty(this, "iframeEvents", /* @__PURE__ */ new WeakMap());
 		debug("init orchestrator", (/* @__PURE__ */ getBrowserState()).sessionId);
 		if (getConfig().browser.traceView.enabled) {
@@ -151,15 +153,18 @@ var IframeOrchestrator = class {
 			iframe.onload = () => {
 				const href = this.getIframeHref(iframe);
 				debug("iframe loaded with href", href);
-				if (href !== iframe.src) reject(this.dispatchIframeError(/* @__PURE__ */ new Error(`Cannot connect to the iframe. Did you change the location or submitted a form? If so, don't forget to call \`event.preventDefault()\` to avoid reloading the page.
-
-Received URL: ${href || "unknown due to CORS"}\nExpected: ${iframe.src}`)));
+				this.iframeLoads.set(iframe, (this.iframeLoads.get(iframe) ?? 0) + 1);
+				if (href !== iframe.src) reject(this.dispatchIframeError(this.createConnectError(iframe, href)));
 				else if (this.iframes.has(iframeId)) {
 					const events = this.iframeEvents.get(iframe);
 					if (events === null || events === void 0 ? void 0 : events.size) this.dispatchIframeError(new Error(this.createWarningMessage(iframeId, "during a test")));
-					else this.warnReload(iframe, iframeId);
+					else {
+						this.warnReload(iframe, iframeId);
+						this.watchUnload(iframe, iframeId);
+					}
 				} else {
 					this.iframes.set(iframeId, iframe);
+					this.watchUnload(iframe, iframeId);
 					this.waitForReady(iframeId).then(() => this.sendEventToIframe({
 						event: "prepare",
 						iframeId,
@@ -215,6 +220,22 @@ Received URL: ${href || "unknown due to CORS"}\nExpected: ${iframe.src}`)));
 		}
 		iframe === null || iframe === void 0 || iframe.remove();
 	}
+	createConnectError(iframe, href) {
+		return /* @__PURE__ */ new Error(`Cannot connect to the iframe. Did you change the location or submitted a form? If so, don't forget to call \`event.preventDefault()\` to avoid reloading the page.
+
+Received URL: ${href || "unknown due to CORS"}\nExpected: ${iframe.src}`);
+	}
+	watchUnload(iframe, iframeId) {
+		var _iframe$contentWindow;
+		const loads = this.iframeLoads.get(iframe) ?? 0;
+		(_iframe$contentWindow = iframe.contentWindow) === null || _iframe$contentWindow === void 0 || _iframe$contentWindow.addEventListener("pagehide", () => {
+			setTimeout(() => {
+				var _this$iframeEvents$ge;
+				if (this.iframes.get(iframeId) !== iframe || !((_this$iframeEvents$ge = this.iframeEvents.get(iframe)) === null || _this$iframeEvents$ge === void 0 ? void 0 : _this$iframeEvents$ge.size) || this.iframeLoads.get(iframe) !== loads) return;
+				this.dispatchIframeError(this.createConnectError(iframe, this.getIframeHref(iframe)));
+			}, IFRAME_UNLOAD_TIMEOUT);
+		}, { once: true });
+	}
 	createWarningMessage(iframeId, location) {
 		return `The iframe${iframeId === ID_ALL ? "" : ` for "${iframeId}"`} was reloaded ${location}. This can lead to unexpected behavior during tests, duplicated test results or tests hanging.\n\nMake sure that your test code does not change window's location, submit forms without preventing default behavior, or imports unoptimized dependencies.\nIf you are using a framework that manipulates browser history (like React Router), consider using memory-based routing for tests. If you think this is a false positive, open an issue with a reproduction: https://github.com/vitest-dev/vitest/issues/new`;
 	}
@@ -232,8 +253,8 @@ Received URL: ${href || "unknown due to CORS"}\nExpected: ${iframe.src}`)));
 	}
 	getIframeHref(iframe) {
 		try {
-			var _iframe$contentWindow;
-			return (_iframe$contentWindow = iframe.contentWindow) === null || _iframe$contentWindow === void 0 ? void 0 : _iframe$contentWindow.location.href;
+			var _iframe$contentWindow2;
+			return (_iframe$contentWindow2 = iframe.contentWindow) === null || _iframe$contentWindow2 === void 0 ? void 0 : _iframe$contentWindow2.location.href;
 		} catch {
 			return;
 		}

package/dist/client/__vitest_browser__/{tester-COH68OX9.js → tester-BH7uPfyB.js}

@@ -561,7 +561,7 @@ function extractLocation(urlLike) {
 		const urlObj = new URL(url);
 		urlObj.searchParams.delete("import");
 		urlObj.searchParams.delete("browserv");
-		url = urlObj.pathname + urlObj.hash + urlObj.search;
+		url = tryDecode(urlObj.pathname, decodeURI) + urlObj.hash + urlObj.search;
 	}
 	if (url.startsWith("/@fs/")) {
 		const isWindows = /^\/@fs\/[a-zA-Z]:\//.test(url);
@@ -574,6 +574,13 @@ function extractLocation(urlLike) {
 		parts[3] || void 0
 	];
 }
+function tryDecode(value, decode) {
+	try {
+		return decode(value);
+	} catch {
+		return value;
+	}
+}
 function parseSingleFFOrSafariStack(raw) {
 	let line = raw.trim();
 	if (SAFARI_NATIVE_CODE_REGEXP.test(line)) return null;
@@ -613,7 +620,7 @@ function parseSingleV8Stack(raw) {
 	let file = url && ["eval", "<anonymous>"].includes(url) ? void 0 : url;
 	if (!file || !lineNumber || !columnNumber) return null;
 	if (method.startsWith("async ")) method = method.slice(6);
-	if (file.startsWith("file://")) file = file.slice(7);
+	if (file.startsWith("file://")) file = tryDecode(file.slice(7), decodeURIComponent);
 	file = file.startsWith("node:") || file.startsWith("internal:") ? file : resolve(file);
 	if (method) method = method.replace(/\(0\s?,\s?__vite_ssr_import_\d+__.(\w+)\)/g, "$1").replace(/__(vite_ssr_import|vi_import)_\d+__\./g, "").replace(/(Object\.)?__vite_ssr_export_default__\s?/g, "");
 	return {
@@ -818,15 +825,11 @@ function takeSnapshot(serializedLocator) {
 		result.pseudoClassIds[className] = ids;
 	}
 	if (serializedLocator) try {
-		const el = engine.querySelector(engine.parseSelector(serializedLocator._pwSelector ?? serializedLocator.selector), document.documentElement, false);
-		if (!el) result.selectorResolution = "missing";
-		else {
-			const id = mirror.getId(el);
-			if (id !== -1) {
-				result.selectorId = id;
-				result.selectorResolution = "matched";
-			} else result.selectorResolution = "missing";
-		}
+		const ids = engine.querySelectorAll(engine.parseSelector(serializedLocator._pwSelector ?? serializedLocator.selector), document.documentElement).map((el) => mirror.getId(el)).filter((id) => id !== -1);
+		if (ids.length > 0) {
+			result.selectorIds = ids;
+			result.selectorResolution = "matched";
+		} else result.selectorResolution = "missing";
 	} catch (error) {
 		result.selectorResolution = "error";
 		result.selectorError = error instanceof Error ? error.message : String(error);
@@ -1000,6 +1003,7 @@ function createBrowserRunner(mocker, state, coverageModule) {
 				const importpath = `${`/${/^\w:/.test(filepath) ? "@fs/" : ""}`}${filepath}?${`browserv=${hash}`}`.replace(/\/+/g, "/");
 				const trace = this.config.browser.trace;
 				if (mode === "collect" && trace !== "off") await this.commands.triggerCommand("__vitest_startTracing", []);
+				await mocker.prepare();
 				try {
 					await __vitePreload(() => import(
 						/* @vite-ignore */
@@ -1206,6 +1210,13 @@ function sendLog(type, content, disableStack) {
 	});
 }
 
+//#endregion
+//#region ../mocker/dist/chunk-helpers.js
+function withTrailingSlash(path) {
+	if (path.at(-1) !== "/") return `${path}/`;
+	return path;
+}
+
 //#endregion
 //#region ../mocker/dist/chunk-registry.js
 var MockerRegistry = class {
@@ -1685,7 +1696,7 @@ var ModuleMocker = class {
 	}
 	async prepare() {
 		if (!this.queue.size) return;
-		await Promise.all([...this.queue.values()]);
+		await Promise.all(this.queue.values());
 	}
 	async resolveFactoryModule(id) {
 		const mock = this.registry.get(id);
@@ -1699,6 +1710,7 @@ var ModuleMocker = class {
 		return mock.cache;
 	}
 	async invalidate() {
+		await Promise.allSettled(this.queue);
 		const ids = Array.from(this.mockedIds);
 		if (!ids.length) return;
 		await this.rpc.invalidate(ids);
@@ -1822,8 +1834,8 @@ var ModuleMocker = class {
 	resolveMockPath(path) {
 		const config = this.config;
 		const fsRoot = join("/@fs/", config.root);
-		if (path.startsWith(config.root)) return path.slice(config.root.length);
-		if (path.startsWith(fsRoot)) return path.slice(fsRoot.length);
+		if (path.startsWith(withTrailingSlash(config.root))) return path.slice(config.root.length);
+		if (path.startsWith(withTrailingSlash(fsRoot))) return path.slice(fsRoot.length);
 		return path;
 	}
 };
@@ -1896,7 +1908,6 @@ var CommandsManager = class {
 		const rpc = state.rpc;
 		const { sessionId, traces } = /* @__PURE__ */ getBrowserState();
 		const filepath = state.filepath || ((_state$current = state.current) === null || _state$current === void 0 || (_state$current = _state$current.file) === null || _state$current === void 0 ? void 0 : _state$current.filepath);
-		args = args.filter((arg) => arg !== void 0);
 		const actionTraceGroupName = ACTION_TRACE_COMMANDS.has(command) ? `vitest:${command.slice(9)}` : void 0;
 		const currentTest = (/* @__PURE__ */ getWorkerState()).current;
 		const hasActiveTrace = !!actionTraceGroupName && !!currentTest && (/* @__PURE__ */ getBrowserState()).activeTraceTaskIds.has(currentTest.id);
@@ -1912,7 +1923,7 @@ var CommandsManager = class {
 			}]);
 			let status = "pass";
 			const traceRangeId = hasActiveTraceView ? createBrowserTraceRangeId() : void 0;
-			const element = typeof args[0] === "object" && "selector" in args[0] && "locator" in args[0] ? args[0] : void 0;
+			const element = typeof args[0] === "object" && args[0] !== null && "selector" in args[0] && "locator" in args[0] ? args[0] : void 0;
 			if (hasActiveTraceView) await recordBrowserTraceEntry(currentTest, {
 				name: actionTraceGroupName,
 				kind: "action",

package/dist/client/error-catcher.js

@@ -2,9 +2,8 @@ import { client } from '@vitest/browser/client'
 
 function serializeError(unhandledError) {
   const state = globalThis.__vitest_worker__
-  const VITEST_TEST_NAME = state && state.current && state.current.type === 'test'
-    ? state.current.name
-    : undefined
+  const VITEST_TEST_NAME =
+    state && state.current && state.current.type === 'test' ? state.current.name : undefined
   const VITEST_TEST_PATH = state && state.filepath ? state.filepath : undefined
 
   if (typeof unhandledError !== 'object' || !unhandledError) {
@@ -29,8 +28,7 @@ function catchWindowErrors(errorEvent, prop, cb) {
   function throwUnhandlerError(e) {
     if (userErrorListenerCount === 0 && e[prop] != null) {
       cb(e)
-    }
-    else {
+    } else {
       // `ErrorEvent` doesn't necessary have `ErrorEvent.error` defined
       // but some has `ErrorEvent.message` defined, e.g. ResizeObserver error.
       // https://developer.mozilla.org/en-US/docs/Web/API/ErrorEvent/error
@@ -59,24 +57,26 @@ function catchWindowErrors(errorEvent, prop, cb) {
 }
 
 function registerUnexpectedErrors() {
-  const offError = catchWindowErrors('error', 'error', event =>
-    reportUnexpectedError('Error', event.error))
-  const offRejection = catchWindowErrors('unhandledrejection', 'reason', event =>
-    reportUnexpectedError('Unhandled Rejection', event.reason))
+  const offError = catchWindowErrors('error', 'error', (event) =>
+    reportUnexpectedError('Error', event.error),
+  )
+  const offRejection = catchWindowErrors('unhandledrejection', 'reason', (event) =>
+    reportUnexpectedError('Unhandled Rejection', event.reason),
+  )
   return () => {
     offError()
     offRejection()
   }
 }
 
-async function reportUnexpectedError(
-  type,
-  error,
-) {
+async function reportUnexpectedError(type, error) {
   const processedError = serializeError(error)
-  await client.waitForConnection().then(() => {
-    return client.rpc.onUnhandledError(processedError, type)
-  }).catch(console.error)
+  await client
+    .waitForConnection()
+    .then(() => {
+      return client.rpc.onUnhandledError(processedError, type)
+    })
+    .catch(console.error)
 }
 
 globalThis.__vitest_browser_runner__.disposeExceptionTracker = registerUnexpectedErrors()

package/dist/client/orchestrator.html

@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="{__VITEST_FAVICON__}" type="image/svg+xml">
+    <link rel="icon" href="{__VITEST_FAVICON__}" type="image/svg+xml" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vitest Browser Runner</title>
     <style>
@@ -22,11 +22,12 @@
         width: 100%;
         height: 100%;
       }
+      iframe[data-vitest] {
+        display: block;
+      }
     </style>
-    {__VITEST_INJECTOR__}
-    {__VITEST_ERROR_CATCHER__}
-    {__VITEST_SCRIPTS__}
-    <script type="module" crossorigin src="/__vitest_browser__/orchestrator-M9828UZ-.js"></script>
+    {__VITEST_INJECTOR__} {__VITEST_ERROR_CATCHER__} {__VITEST_SCRIPTS__}
+    <script type="module" crossorigin src="/__vitest_browser__/orchestrator-Czo025Y6.js"></script>
     <link rel="modulepreload" crossorigin href="/__vitest_browser__/defineProperty-DgkPJYVE.js">
   </head>
   <body>

package/dist/client/tester/tester.html

@@ -1,11 +1,11 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="{__VITEST_FAVICON__}" type="image/svg+xml">
+    <link rel="icon" href="{__VITEST_FAVICON__}" type="image/svg+xml" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vitest Browser Tester</title>
-    <script type="module" crossorigin src="/__vitest_browser__/tester-COH68OX9.js"></script>
+    <script type="module" crossorigin src="/__vitest_browser__/tester-BH7uPfyB.js"></script>
     <link rel="modulepreload" crossorigin href="/__vitest_browser__/defineProperty-DgkPJYVE.js">
   </head>
   <body>

package/dist/client/tester/trace.d.ts

@@ -40,7 +40,7 @@ interface TraceSnapshot {
 		x: number;
 		y: number;
 	};
-	selectorId?: number;
+	selectorIds?: number[];
 	selectorResolution?: BrowserTraceSelectorResolution;
 	selectorError?: string;
 	pseudoClassIds: Record<PseudoClassName, number[]>;

package/dist/client.js

@@ -311,6 +311,15 @@ const stringify = (value, replacer, space) => {
   }
 };
 
+// JSON drops `undefined` in objects and turns it into `null` in arrays
+const UNDEFINED_VALUE = "__vitest_undefined__";
+function replaceUndefined(value) {
+	return value === undefined ? UNDEFINED_VALUE : value;
+}
+function reviveUndefined(_key, value) {
+	return value === UNDEFINED_VALUE ? undefined : value;
+}
+
 globalThis.performance ? globalThis.performance.now.bind(globalThis.performance) : Date.now;
 /* @__NO_SIDE_EFFECTS__ */
 function getBrowserState() {
@@ -424,9 +433,9 @@ function createClient() {
 					stack: v.stack
 				};
 			}
-			return v;
+			return replaceUndefined(v);
 		}),
-		deserialize: parse,
+		deserialize: (e) => parse(e, reviveUndefined),
 		timeout: -1
 	});
 	let openPromise;