@vitest/browser 5.0.0-beta.7 → 5.0.0-rc.1

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

@@ -1,33 +1,33 @@
 {
-  "../../../../node_modules/.pnpm/rrweb-snapshot@2.0.1_patch_hash=9e976b2c55a5c2ed589c41b8f46cc44b6fe6f528ebb4d3780a44b1ca8cbb17a4/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js": {
-    "file": "__vitest_browser__/rrweb-snapshot-DkFyu2W8.js",
+  "../../../../node_modules/.pnpm/rrweb-snapshot@2.1.1_patch_hash=0b0dbc551d27a6f24438e9582c41a0ec34fd444760d383a4172013031d73c4e7/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js": {
+    "file": "__vitest_browser__/rrweb-snapshot-g5vjbXoV.js",
     "name": "rrweb-snapshot",
-    "src": "../../../../node_modules/.pnpm/rrweb-snapshot@2.0.1_patch_hash=9e976b2c55a5c2ed589c41b8f46cc44b6fe6f528ebb4d3780a44b1ca8cbb17a4/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js",
+    "src": "../../../../node_modules/.pnpm/rrweb-snapshot@2.1.1_patch_hash=0b0dbc551d27a6f24438e9582c41a0ec34fd444760d383a4172013031d73c4e7/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js",
     "isDynamicEntry": true
   },
-  "_defineProperty-WHpdAQXR.js": {
-    "file": "__vitest_browser__/defineProperty-WHpdAQXR.js",
+  "_defineProperty-BOtRrjRA.js": {
+    "file": "__vitest_browser__/defineProperty-BOtRrjRA.js",
     "name": "defineProperty"
   },
   "orchestrator.html": {
-    "file": "__vitest_browser__/orchestrator-Bdv4lWwV.js",
+    "file": "__vitest_browser__/orchestrator-DJgIeTMM.js",
     "name": "orchestrator",
     "src": "orchestrator.html",
     "isEntry": true,
     "imports": [
-      "_defineProperty-WHpdAQXR.js"
+      "_defineProperty-BOtRrjRA.js"
     ]
   },
   "tester/tester.html": {
-    "file": "__vitest_browser__/tester-CREI5Ivt.js",
+    "file": "__vitest_browser__/tester-Ck66x6M6.js",
     "name": "tester",
     "src": "tester/tester.html",
     "isEntry": true,
     "imports": [
-      "_defineProperty-WHpdAQXR.js"
+      "_defineProperty-BOtRrjRA.js"
     ],
     "dynamicImports": [
-      "../../../../node_modules/.pnpm/rrweb-snapshot@2.0.1_patch_hash=9e976b2c55a5c2ed589c41b8f46cc44b6fe6f528ebb4d3780a44b1ca8cbb17a4/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js"
+      "../../../../node_modules/.pnpm/rrweb-snapshot@2.1.1_patch_hash=0b0dbc551d27a6f24438e9582c41a0ec34fd444760d383a4172013031d73c4e7/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js"
     ]
   }
 }

package/dist/client/__vitest_browser__/{defineProperty-WHpdAQXR.js → defineProperty-BOtRrjRA.js}

@@ -121,6 +121,18 @@ var relative = function(from, to) {
 	}
 	return [..._from.map(() => ".."), ..._to].join("/");
 };
+var basename = function(p, extension) {
+	const segments = normalizeWindowsPath(p).split("/");
+	let lastSegment = "";
+	for (let i = segments.length - 1; i >= 0; i--) {
+		const val = segments[i];
+		if (val) {
+			lastSegment = val;
+			break;
+		}
+	}
+	return extension && lastSegment.endsWith(extension) ? lastSegment.slice(0, -extension.length) : lastSegment;
+};
 
 //#endregion
 //#region ../vitest/src/utils/tasks.ts
@@ -307,4 +319,4 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-export { moduleRunner as a, generateFileHash as c, resolve as d, getWorkerState as i, getTestName as l, getBrowserState as n, now as o, getConfig as r, __vitePreload as s, _defineProperty as t, relative as u };
+export { moduleRunner as a, generateFileHash as c, relative as d, resolve as f, getWorkerState as i, getTestName as l, getBrowserState as n, now as o, getConfig as r, __vitePreload as s, _defineProperty as t, basename as u };

package/dist/client/__vitest_browser__/{orchestrator-Bdv4lWwV.js → orchestrator-DJgIeTMM.js}

@@ -1,4 +1,4 @@
-import { c as generateFileHash, n as getBrowserState, r as getConfig, t as _defineProperty, u as relative } from "./defineProperty-WHpdAQXR.js";
+import { c as generateFileHash, d as relative, n as getBrowserState, r as getConfig, t as _defineProperty } from "./defineProperty-BOtRrjRA.js";
 import { channel, client, globalChannel } from "@vitest/browser/client";
 import { Traces } from "vitest/internal/traces";
 

package/dist/client/__vitest_browser__/{rrweb-snapshot-DkFyu2W8.js → rrweb-snapshot-g5vjbXoV.js}

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/rrweb-snapshot@2.0.1_patch_hash=9e976b2c55a5c2ed589c41b8f46cc44b6fe6f528ebb4d3780a44b1ca8cbb17a4/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js
+//#region ../../node_modules/.pnpm/rrweb-snapshot@2.1.1_patch_hash=0b0dbc551d27a6f24438e9582c41a0ec34fd444760d383a4172013031d73c4e7/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
 	enumerable: true,
@@ -358,13 +358,15 @@ function absolutifyURLs(cssText, href) {
 		if (URL_PROTOCOL_MATCH.test(filePath) || URL_WWW_MATCH.test(filePath)) return `url(${maybeQuote}${filePath}${maybeQuote})`;
 		if (DATA_URI.test(filePath)) return `url(${maybeQuote}${filePath}${maybeQuote})`;
 		if (filePath[0] === "/") return `url(${maybeQuote}${extractOrigin(href) + filePath}${maybeQuote})`;
-		const stack = href.split("/");
-		const parts = filePath.split("/");
+		const filePathNoHash = filePath.split("#")[0];
+		const maybeHash = filePath.substring(filePathNoHash.length);
+		const stack = href.split("#")[0].split("/");
+		const parts = filePathNoHash.split("/");
 		stack.pop();
 		for (const part of parts) if (part === ".") continue;
 		else if (part === "..") stack.pop();
 		else stack.push(part);
-		return `url(${maybeQuote}${stack.join("/")}${maybeQuote})`;
+		return `url(${maybeQuote}${stack.join("/")}${maybeHash}${maybeQuote})`;
 	});
 }
 function normalizeCssString(cssText, _testNoPxNorm = false) {

package/dist/client/__vitest_browser__/{tester-CREI5Ivt.js → tester-Ck66x6M6.js}

@@ -1,4 +1,4 @@
-import { a as moduleRunner, d as resolve, i as getWorkerState, l as getTestName, n as getBrowserState, o as now$1, r as getConfig, s as __vitePreload, t as _defineProperty } from "./defineProperty-WHpdAQXR.js";
+import { a as moduleRunner, f as resolve, i as getWorkerState, l as getTestName, n as getBrowserState, o as now$1, r as getConfig, s as __vitePreload, t as _defineProperty, u as basename } from "./defineProperty-BOtRrjRA.js";
 import { channel, client, globalChannel, onCancel, registerPageMarkHandler } from "@vitest/browser/client";
 import { Traces } from "vitest/internal/traces";
 import { page, server, userEvent } from "vitest/browser";
@@ -33,7 +33,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
-//#region ../../node_modules/.pnpm/flatted@3.4.2/node_modules/flatted/esm/index.js
+//#region ../../node_modules/.pnpm/flatted@3.4.4/node_modules/flatted/esm/index.js
 var { parse: $parse, stringify: $stringify } = JSON;
 var { keys } = Object;
 var Primitive = String;
@@ -898,10 +898,10 @@ function createBrowserRunner(mocker, state, coverageModule) {
 				const lastErrorContext = (_task$result3 = task.result) === null || _task$result3 === void 0 || (_task$result3 = _task$result3.errors) === null || _task$result3 === void 0 || (_task$result3 = _task$result3.at(-1)) === null || _task$result3 === void 0 ? void 0 : _task$result3.__vitest_error_context__;
 				if (this.config.browser.screenshotFailures && document.body.clientHeight > 0 && ((_task$result4 = task.result) === null || _task$result4 === void 0 ? void 0 : _task$result4.state) === "fail" && task.type === "test" && !(lastErrorContext && Reflect.get(lastErrorContext, "assertionName") === "toMatchScreenshot" && ((_Reflect$get = Reflect.get(lastErrorContext, "meta")) === null || _Reflect$get === void 0 ? void 0 : _Reflect$get.outcome) !== "unstable-screenshot")) {
 					var _this$config$browser$;
-					const screenshot = await page.screenshot(
-						{ timeout: ((_this$config$browser$ = this.config.browser.providerOptions) === null || _this$config$browser$ === void 0 ? void 0 : _this$config$browser$.actionTimeout) ?? 5e3 }
-						/** TODO */
-					).catch((err) => {
+					const screenshot = await page.screenshot({
+						timeout: ((_this$config$browser$ = this.config.browser.providerOptions) === null || _this$config$browser$ === void 0 ? void 0 : _this$config$browser$.actionTimeout) ?? 5e3,
+						path: resolve(this.config.attachmentsDir, "failure-screenshots", basename(task.file.filepath), `${task.fullTestName.replace(/\W/g, "-")}.png`)
+					}).catch((err) => {
 						console.error("[vitest] Failed to take a screenshot", err);
 					});
 					if (screenshot) await recordArtifact(task, {
@@ -1032,7 +1032,7 @@ function createBrowserRunner(mocker, state, coverageModule) {
 				return;
 			}
 			if (shouldTraceView) {
-				(/* @__PURE__ */ getBrowserState()).browserTraceDomSnapshot = await __vitePreload(() => import("./rrweb-snapshot-DkFyu2W8.js"), []);
+				(/* @__PURE__ */ getBrowserState()).browserTraceDomSnapshot = await __vitePreload(() => import("./rrweb-snapshot-g5vjbXoV.js"), []);
 				(/* @__PURE__ */ getBrowserState()).browserTraceAttempts.set(test.id, {
 					retry,
 					repeats,
@@ -1276,6 +1276,9 @@ var MockerRegistry = class {
 };
 var AutomockedModule = class AutomockedModule {
 	constructor(raw, id, url) {
+		_defineProperty(this, "raw", void 0);
+		_defineProperty(this, "id", void 0);
+		_defineProperty(this, "url", void 0);
 		_defineProperty(this, "type", "automock");
 		this.raw = raw;
 		this.id = id;
@@ -1295,6 +1298,9 @@ var AutomockedModule = class AutomockedModule {
 };
 var AutospiedModule = class AutospiedModule {
 	constructor(raw, id, url) {
+		_defineProperty(this, "raw", void 0);
+		_defineProperty(this, "id", void 0);
+		_defineProperty(this, "url", void 0);
 		_defineProperty(this, "type", "autospy");
 		this.raw = raw;
 		this.id = id;
@@ -1314,6 +1320,10 @@ var AutospiedModule = class AutospiedModule {
 };
 var RedirectedModule = class RedirectedModule {
 	constructor(raw, id, url, redirect) {
+		_defineProperty(this, "raw", void 0);
+		_defineProperty(this, "id", void 0);
+		_defineProperty(this, "url", void 0);
+		_defineProperty(this, "redirect", void 0);
 		_defineProperty(this, "type", "redirect");
 		this.raw = raw;
 		this.id = id;
@@ -1335,6 +1345,10 @@ var RedirectedModule = class RedirectedModule {
 };
 var ManualMockedModule = class ManualMockedModule {
 	constructor(raw, id, url, factory) {
+		_defineProperty(this, "raw", void 0);
+		_defineProperty(this, "id", void 0);
+		_defineProperty(this, "url", void 0);
+		_defineProperty(this, "factory", void 0);
 		_defineProperty(this, "cache", void 0);
 		_defineProperty(this, "type", "manual");
 		this.raw = raw;
@@ -1344,20 +1358,20 @@ var ManualMockedModule = class ManualMockedModule {
 	}
 	resolve() {
 		if (this.cache) return this.cache;
-		let exports$1;
+		let exports;
 		try {
-			exports$1 = this.factory();
+			exports = this.factory();
 		} catch (err) {
 			throw createHelpfulError(err);
 		}
-		if (typeof exports$1 === "object" && typeof (exports$1 === null || exports$1 === void 0 ? void 0 : exports$1.then) === "function") return exports$1.then((result) => {
+		if (typeof exports === "object" && typeof (exports === null || exports === void 0 ? void 0 : exports.then) === "function") return exports.then((result) => {
 			assertValidExports(this.raw, result);
 			return this.cache = result;
 		}, (error) => {
 			throw createHelpfulError(error);
 		});
-		assertValidExports(this.raw, exports$1);
-		return this.cache = exports$1;
+		assertValidExports(this.raw, exports);
+		return this.cache = exports;
 	}
 	static fromJSON(data, factory) {
 		return new ManualMockedModule(data.raw, data.id, data.url, factory);
@@ -1376,8 +1390,8 @@ function createHelpfulError(cause) {
 	error.cause = cause;
 	return error;
 }
-function assertValidExports(raw, exports$1) {
-	if (exports$1 === null || typeof exports$1 !== "object" || Array.isArray(exports$1)) throw new TypeError(`[vitest] vi.mock("${raw}", factory?: () => unknown) is not returning an object. Did you mean to return an object with a "default" key?`);
+function assertValidExports(raw, exports) {
+	if (exports === null || typeof exports !== "object" || Array.isArray(exports)) throw new TypeError(`[vitest] vi.mock("${raw}", factory?: () => unknown) is not returning an object. Did you mean to return an object with a "default" key?`);
 }
 
 //#endregion
@@ -1446,14 +1460,14 @@ function mockObject(options, object, mockExports = {}) {
 				continue;
 			}
 			if (options.type === "autospy" && type === "Module") {
-				const exports$1 = Object.create(null);
-				Object.defineProperty(exports$1, Symbol.toStringTag, {
+				const exports = Object.create(null);
+				Object.defineProperty(exports, Symbol.toStringTag, {
 					value: "Module",
 					configurable: true,
 					writable: true
 				});
 				try {
-					newContainer[property] = exports$1;
+					newContainer[property] = exports;
 				} catch {
 					continue;
 				}
@@ -1652,6 +1666,10 @@ var REGEXP_VITEST = new RegExp(`vitest=\\d{${NOW_LENGTH}}`);
 var { now } = Date;
 var ModuleMocker = class {
 	constructor(interceptor, rpc, createMockInstance, config) {
+		_defineProperty(this, "interceptor", void 0);
+		_defineProperty(this, "rpc", void 0);
+		_defineProperty(this, "createMockInstance", void 0);
+		_defineProperty(this, "config", void 0);
 		_defineProperty(this, "registry", new MockerRegistry());
 		_defineProperty(this, "queue", /* @__PURE__ */ new Set());
 		_defineProperty(this, "mockedIds", /* @__PURE__ */ new Set());
@@ -1942,8 +1960,10 @@ var traces = new Traces({
 });
 var rootTesterSpan;
 (/* @__PURE__ */ getBrowserState()).traces = traces;
+var isEmbedded = window.self !== window.top;
 channel.addEventListener("message", async (e) => {
 	const data = e.data;
+	if (!isEmbedded) return;
 	if (!isEvent(data)) {
 		await client.waitForConnection();
 		unhandledError(/* @__PURE__ */ new Error(`Unknown message: ${JSON.stringify(e.data)}`), "Unknown Iframe Message");
@@ -2010,7 +2030,7 @@ var commands = new CommandsManager();
 (/* @__PURE__ */ getBrowserState()).browserTraceAttempts = /* @__PURE__ */ new Map();
 (/* @__PURE__ */ getBrowserState()).iframeId = iframeId;
 registerPageMarkHandler((name, options) => page.mark(name, options));
-channel.postMessage({
+if (isEmbedded) channel.postMessage({
 	event: "ready",
 	iframeId
 });

package/dist/client/orchestrator.html

@@ -26,8 +26,8 @@
     {__VITEST_INJECTOR__}
     {__VITEST_ERROR_CATCHER__}
     {__VITEST_SCRIPTS__}
-    <script type="module" crossorigin src="/__vitest_browser__/orchestrator-Bdv4lWwV.js"></script>
-    <link rel="modulepreload" crossorigin href="/__vitest_browser__/defineProperty-WHpdAQXR.js">
+    <script type="module" crossorigin src="/__vitest_browser__/orchestrator-DJgIeTMM.js"></script>
+    <link rel="modulepreload" crossorigin href="/__vitest_browser__/defineProperty-BOtRrjRA.js">
   </head>
   <body>
     <div id="vitest-tester"></div>

package/dist/client/tester/tester.html

@@ -5,8 +5,8 @@
     <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-CREI5Ivt.js"></script>
-    <link rel="modulepreload" crossorigin href="/__vitest_browser__/defineProperty-WHpdAQXR.js">
+    <script type="module" crossorigin src="/__vitest_browser__/tester-Ck66x6M6.js"></script>
+    <link rel="modulepreload" crossorigin href="/__vitest_browser__/defineProperty-BOtRrjRA.js">
   </head>
   <body>
   </body>

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

@@ -8,9 +8,9 @@ export interface BrowserTraceData {
 	entries: BrowserTraceEntry[];
 }
 export type BrowserTraceEntryStatus = "pass" | "fail";
-export type BrowserTraceEntryRangePhase = "start" | "end";
-export type BrowserTraceSelectorResolution = "matched" | "missing" | "error";
-export interface BrowserTraceEntryRange {
+type BrowserTraceEntryRangePhase = "start" | "end";
+type BrowserTraceSelectorResolution = "matched" | "missing" | "error";
+interface BrowserTraceEntryRange {
 	id: string;
 	phase: BrowserTraceEntryRangePhase;
 }

package/dist/client.js

@@ -1,8 +1,3 @@
-//#region src/messages.ts
-const TYPE_REQUEST = "q";
-const TYPE_RESPONSE = "s";
-
-//#endregion
 //#region src/utils.ts
 function createPromiseWithResolvers() {
 	let resolve;
@@ -25,7 +20,6 @@ function nanoid(size = 21) {
 	return id;
 }
 
-//#endregion
 //#region src/main.ts
 const DEFAULT_TIMEOUT = 6e4;
 const defaultSerialize = (i) => i;
@@ -42,7 +36,7 @@ function createBirpc($functions, options) {
 		const req = {
 			m: method,
 			a: args,
-			t: TYPE_REQUEST
+			t: "q"
 		};
 		if (optional) req.o = true;
 		const send = async (_req) => post(serialize(_req));
@@ -96,7 +90,7 @@ function createBirpc($functions, options) {
 		$call: (method, ...args) => _call(method, args, false),
 		$callOptional: (method, ...args) => _call(method, args, false, true),
 		$callEvent: (method, ...args) => _call(method, args, true),
-		$callRaw: (options$1) => _call(options$1.method, options$1.args, options$1.event, options$1.optional),
+		$callRaw: (options) => _call(options.method, options.args, options.event, options.optional),
 		$rejectPendingCalls,
 		get $closed() {
 			return $closed;
@@ -108,7 +102,7 @@ function createBirpc($functions, options) {
 		$functions
 	};
 	if (proxify) rpc = new Proxy({}, { get(_, method) {
-		if (Object.prototype.hasOwnProperty.call(builtinMethods, method)) return builtinMethods[method];
+		if (Object.hasOwn(builtinMethods, method)) return builtinMethods[method];
 		if (method === "then" && !eventNames.includes("then") && !("then" in $functions)) return void 0;
 		const sendEvent = (...args) => _call(method, args, true);
 		if (eventNames.includes(method)) {
@@ -152,7 +146,7 @@ function createBirpc($functions, options) {
 			if (options.onGeneralError?.call(rpc, e) !== true) throw e;
 			return;
 		}
-		if (msg.t === TYPE_REQUEST) {
+		if (msg.t === "q") {
 			const { m: method, a: args, o: optional } = msg;
 			let result, error;
 			let fn = await (resolver ? resolver.call(rpc, method, $functions[method]) : $functions[method]);
@@ -169,7 +163,7 @@ function createBirpc($functions, options) {
 				}
 				if (!error) try {
 					await post(serialize({
-						t: TYPE_RESPONSE,
+						t: "s",
 						i: msg.i,
 						r: result
 					}), ...extra);
@@ -180,7 +174,7 @@ function createBirpc($functions, options) {
 				}
 				try {
 					await post(serialize({
-						t: TYPE_RESPONSE,
+						t: "s",
 						i: msg.i,
 						e: error
 					}), ...extra);
@@ -336,6 +330,12 @@ const ENTRY_URL = `${location.protocol === "https:" ? "wss:" : "ws:"}//${HOST}/_
 const onCancelCallbacks = [];
 function onCancel(callback) {
 	onCancelCallbacks.push(callback);
+	return () => {
+		const index = onCancelCallbacks.indexOf(callback);
+		if (index !== -1) {
+			onCancelCallbacks.splice(index, 1);
+		}
+	};
 }
 let pageMarkHandler = null;
 function registerPageMarkHandler(handler) {
@@ -405,8 +405,8 @@ function createClient() {
 					responseId
 				};
 			}
-			const exports$1 = await mocker.resolveFactoryModule(url);
-			const keys = Object.keys(exports$1);
+			const exports = await mocker.resolveFactoryModule(url);
+			const keys = Object.keys(exports);
 			return {
 				url,
 				keys,

package/dist/context.js

@@ -372,6 +372,7 @@ function createUserEvent(__tl_user_event_base__, options) {
 		upload(element, files, options) {
 			return convertToLocator(element).upload(files, options);
 		},
+		// non userEvent events, but still useful
 		fill(element, text, options) {
 			return convertToLocator(element).fill(text, options);
 		},
@@ -380,6 +381,7 @@ function createUserEvent(__tl_user_event_base__, options) {
 			const targetLocator = convertToLocator(target);
 			return sourceLocator.dropTo(targetLocator, options);
 		},
+		// testing-library user-event
 		type(element, text, options) {
 			return ensureAwaited(async (error) => {
 				const serializedElement = await serializeElement(element, options);