@vitest/browser 5.0.0-beta.4 → 5.0.0-beta.6

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

@@ -1,33 +1,33 @@
 {
-  "../../../../node_modules/.pnpm/rrweb-snapshot@2.0.0-alpha.20_patch_hash=d11ec9bd9b66247ba493ab5fd117fbf0b4cb6e5d0a6a7c600d1d844bfa3d3044/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js": {
-    "file": "__vitest_browser__/rrweb-snapshot-iZCFA2to.js",
+  "../../../../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",
     "name": "rrweb-snapshot",
-    "src": "../../../../node_modules/.pnpm/rrweb-snapshot@2.0.0-alpha.20_patch_hash=d11ec9bd9b66247ba493ab5fd117fbf0b4cb6e5d0a6a7c600d1d844bfa3d3044/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js",
+    "src": "../../../../node_modules/.pnpm/rrweb-snapshot@2.0.1_patch_hash=9e976b2c55a5c2ed589c41b8f46cc44b6fe6f528ebb4d3780a44b1ca8cbb17a4/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js",
     "isDynamicEntry": true
   },
-  "_defineProperty-C3k2g8Sk.js": {
-    "file": "__vitest_browser__/defineProperty-C3k2g8Sk.js",
+  "_defineProperty-WHpdAQXR.js": {
+    "file": "__vitest_browser__/defineProperty-WHpdAQXR.js",
     "name": "defineProperty"
   },
   "orchestrator.html": {
-    "file": "__vitest_browser__/orchestrator-B44yH1M4.js",
+    "file": "__vitest_browser__/orchestrator-pKob2Z-i.js",
     "name": "orchestrator",
     "src": "orchestrator.html",
     "isEntry": true,
     "imports": [
-      "_defineProperty-C3k2g8Sk.js"
+      "_defineProperty-WHpdAQXR.js"
     ]
   },
   "tester/tester.html": {
-    "file": "__vitest_browser__/tester-kAU8uxhk.js",
+    "file": "__vitest_browser__/tester-DdZeFrjo.js",
     "name": "tester",
     "src": "tester/tester.html",
     "isEntry": true,
     "imports": [
-      "_defineProperty-C3k2g8Sk.js"
+      "_defineProperty-WHpdAQXR.js"
     ],
     "dynamicImports": [
-      "../../../../node_modules/.pnpm/rrweb-snapshot@2.0.0-alpha.20_patch_hash=d11ec9bd9b66247ba493ab5fd117fbf0b4cb6e5d0a6a7c600d1d844bfa3d3044/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js"
+      "../../../../node_modules/.pnpm/rrweb-snapshot@2.0.1_patch_hash=9e976b2c55a5c2ed589c41b8f46cc44b6fe6f528ebb4d3780a44b1ca8cbb17a4/node_modules/rrweb-snapshot/dist/rrweb-snapshot.js"
     ]
   }
 }

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

@@ -122,6 +122,49 @@ var relative = function(from, to) {
 	return [..._from.map(() => ".."), ..._to].join("/");
 };
 
+//#endregion
+//#region ../vitest/src/utils/tasks.ts
+/* @__NO_SIDE_EFFECTS__ */
+function getNames(task) {
+	const names = [task.name];
+	let current = task;
+	while (current === null || current === void 0 ? void 0 : current.suite) {
+		current = current.suite;
+		if (current === null || current === void 0 ? void 0 : current.name) names.unshift(current.name);
+	}
+	if (current !== task.file) names.unshift(task.file.name);
+	return names;
+}
+/* @__NO_SIDE_EFFECTS__ */
+function getTestName(task, separator = " > ") {
+	return (/* @__PURE__ */ getNames(task)).slice(1).join(separator);
+}
+/**
+* Generate a unique ID for a file based on its path and project name
+* @param file File relative to the root of the project to keep ID the same between different machines
+* @param projectName The name of the test project
+*/
+/* @__NO_SIDE_EFFECTS__ */
+function generateFileHash(file, projectName, meta) {
+	return /* @__PURE__ */ generateHash([
+		file,
+		projectName || "",
+		(meta === null || meta === void 0 ? void 0 : meta.typecheck) ? "__typecheck__" : "",
+		(meta === null || meta === void 0 ? void 0 : meta.__vitest_label__) || ""
+	].join("\0"));
+}
+/* @__NO_SIDE_EFFECTS__ */
+function generateHash(str) {
+	let hash = 0;
+	if (str.length === 0) return `${hash}`;
+	for (let i = 0; i < str.length; i++) {
+		const char = str.charCodeAt(i);
+		hash = (hash << 5) - hash + char;
+		hash = hash & hash;
+	}
+	return `${hash}`;
+}
+
 //#endregion
 //#region \0vite/preload-helper.js
 var scriptRel = "modulepreload";
@@ -264,4 +307,4 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-export { moduleRunner as a, relative as c, getWorkerState as i, resolve as l, getBrowserState as n, now as o, getConfig as r, __vitePreload as s, _defineProperty as t };
+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 };

package/dist/client/__vitest_browser__/{orchestrator-B44yH1M4.js → orchestrator-pKob2Z-i.js}

@@ -1,4 +1,4 @@
-import { c as relative, n as getBrowserState, r as getConfig, t as _defineProperty } from "./defineProperty-C3k2g8Sk.js";
+import { c as generateFileHash, n as getBrowserState, r as getConfig, t as _defineProperty, u as relative } from "./defineProperty-WHpdAQXR.js";
 import { channel, client, globalChannel } from "@vitest/browser/client";
 import { Traces } from "vitest/internal/traces";
 
@@ -16,6 +16,9 @@ var IframeOrchestrator = class {
 		_defineProperty(this, "cancelled", false);
 		_defineProperty(this, "recreateNonIsolatedIframe", false);
 		_defineProperty(this, "iframes", /* @__PURE__ */ new Map());
+		_defineProperty(this, "readyIframes", /* @__PURE__ */ new Set());
+		_defineProperty(this, "readyWaiters", /* @__PURE__ */ new Map());
+		_defineProperty(this, "messageId", 0);
 		_defineProperty(this, "eventTarget", new EventTarget());
 		_defineProperty(this, "traces", void 0);
 		_defineProperty(this, "loggedIframe", /* @__PURE__ */ new WeakSet());
@@ -28,6 +31,9 @@ var IframeOrchestrator = class {
 		});
 		channel.addEventListener("message", (e) => this.onIframeEvent(e));
 		globalChannel.addEventListener("message", (e) => this.onGlobalChannelEvent(e));
+		client.waitForConnection().then(() => client.rpc.onOrchestratorReady()).catch((error) => {
+			debug("failed to notify orchestrator readiness", error);
+		});
 	}
 	async createTesters(options) {
 		await this.traces.waitInit();
@@ -54,6 +60,8 @@ var IframeOrchestrator = class {
 		}
 		this.iframes.forEach((iframe) => iframe.remove());
 		this.iframes.clear();
+		this.readyIframes.clear();
+		this.readyWaiters.clear();
 		for (let i = 0; i < options.files.length; i++) {
 			if (this.cancelled) {
 				await endSpan();
@@ -85,8 +93,7 @@ var IframeOrchestrator = class {
 	async runNonIsolatedTests(container, options, startTime, otelContext) {
 		if (this.recreateNonIsolatedIframe) {
 			this.recreateNonIsolatedIframe = false;
-			this.iframes.get(ID_ALL).remove();
-			this.iframes.delete(ID_ALL);
+			this.removeIframe(ID_ALL);
 			debug("recreate non-isolated iframe");
 		}
 		if (!this.iframes.has(ID_ALL)) {
@@ -101,17 +108,16 @@ var IframeOrchestrator = class {
 			iframeId: ID_ALL,
 			files: options.files,
 			method: options.method,
-			context: options.providedContext
+			context: options.providedContext,
+			concurrencyId: options.concurrencyId,
+			workerId: options.workerId
 		});
 		debug("finished running tests", options.files.join(", "));
 	}
 	async runIsolatedTestInIframe(container, spec, options, startTime, otelContext) {
 		const { width, height } = getConfig().browser.viewport;
 		const file = spec.filepath;
-		if (this.iframes.has(file)) {
-			this.iframes.get(file).remove();
-			this.iframes.delete(file);
-		}
+		if (this.iframes.has(file)) this.removeIframe(file);
 		await this.prepareIframe(container, file, startTime, otelContext);
 		await setIframeViewport(width, height);
 		await this.sendEventToIframe({
@@ -119,7 +125,9 @@ var IframeOrchestrator = class {
 			files: [spec],
 			method: options.method,
 			iframeId: file,
-			context: options.providedContext
+			context: options.providedContext,
+			concurrencyId: options.concurrencyId,
+			workerId: options.workerId
 		});
 		await this.sendEventToIframe({
 			event: "cleanup",
@@ -147,12 +155,12 @@ Received URL: ${href || "unknown due to CORS"}\nExpected: ${iframe.src}`)));
 					else this.warnReload(iframe, iframeId);
 				} else {
 					this.iframes.set(iframeId, iframe);
-					this.sendEventToIframe({
+					this.waitForReady(iframeId).then(() => this.sendEventToIframe({
 						event: "prepare",
 						iframeId,
 						startTime,
 						otelCarrier: this.traces.getContextCarrier(otelContext)
-					}).then(resolve, (error) => reject(this.dispatchIframeError(error)));
+					})).then(resolve, (error) => reject(this.dispatchIframeError(error)));
 				}
 			};
 			iframe.onerror = (e) => {
@@ -163,6 +171,45 @@ Received URL: ${href || "unknown due to CORS"}\nExpected: ${iframe.src}`)));
 		});
 		return iframe;
 	}
+	markReady(iframeId) {
+		this.readyIframes.add(iframeId);
+		const waiter = this.readyWaiters.get(iframeId);
+		if (waiter) {
+			this.readyWaiters.delete(iframeId);
+			waiter.resolve();
+		}
+	}
+	waitForReady(iframeId) {
+		if (this.readyIframes.has(iframeId)) return Promise.resolve();
+		return new Promise((resolve, reject) => {
+			const timeout = getIframeTimeout();
+			const timer = setTimeout(() => {
+				this.readyWaiters.delete(iframeId);
+				reject(/* @__PURE__ */ new Error(`The iframe "${iframeId}" did not become ready within ${timeout}ms. The tester likely failed to initialize, check the browser console for errors.`));
+			}, timeout);
+			this.readyWaiters.set(iframeId, {
+				resolve: () => {
+					clearTimeout(timer);
+					resolve();
+				},
+				reject: (error) => {
+					clearTimeout(timer);
+					reject(error);
+				}
+			});
+		});
+	}
+	removeIframe(iframeId) {
+		const iframe = this.iframes.get(iframeId);
+		this.iframes.delete(iframeId);
+		this.readyIframes.delete(iframeId);
+		const waiter = this.readyWaiters.get(iframeId);
+		if (waiter) {
+			this.readyWaiters.delete(iframeId);
+			waiter.reject(/* @__PURE__ */ new Error(`The iframe "${iframeId}" was removed before it became ready.`));
+		}
+		iframe === null || iframe === void 0 || iframe.remove();
+	}
 	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`;
 	}
@@ -188,7 +235,7 @@ Received URL: ${href || "unknown due to CORS"}\nExpected: ${iframe.src}`)));
 	}
 	createTestIframe(iframeId) {
 		const iframe = document.createElement("iframe");
-		const src = `/?sessionId=${(/* @__PURE__ */ getBrowserState()).sessionId}&iframeId=${iframeId}`;
+		const src = `/?sessionId=${(/* @__PURE__ */ getBrowserState()).sessionId}&iframeId=${encodeURIComponent(iframeId)}`;
 		const config = getConfig();
 		iframe.setAttribute("loading", "eager");
 		iframe.setAttribute("src", src);
@@ -222,6 +269,9 @@ Received URL: ${href || "unknown due to CORS"}\nExpected: ${iframe.src}`)));
 	async onIframeEvent(e) {
 		debug("iframe event", JSON.stringify(e.data));
 		switch (e.data.event) {
+			case "ready":
+				this.markReady(e.data.iframeId);
+				break;
 			case "viewport": {
 				const { width, height, iframeId: id } = e.data;
 				if (!this.iframes.get(id)) {
@@ -244,12 +294,14 @@ Received URL: ${href || "unknown due to CORS"}\nExpected: ${iframe.src}`)));
 				});
 				break;
 			}
-			default:
-				if (typeof e.data.event === "string" && e.data.event.startsWith("response:")) break;
+			default: {
+				const event = e.data.event;
+				if (typeof event === "string" && (event.startsWith("response:") || event.startsWith("ack:"))) break;
 				await client.rpc.onUnhandledError({
 					name: "Unexpected Event",
 					message: `Unexpected event: ${e.data.event}`
 				}, "Unexpected Event");
+			}
 		}
 	}
 	async sendEventToIframe(event) {
@@ -261,23 +313,38 @@ Received URL: ${href || "unknown due to CORS"}\nExpected: ${iframe.src}`)));
 			this.iframeEvents.set(iframe, events);
 		}
 		events.add(event.event);
-		channel.postMessage(event);
+		const messageId = this.messageId++;
+		channel.postMessage({
+			...event,
+			messageId
+		});
 		return new Promise((resolve, reject) => {
+			let ackTimer;
 			const cleanupEvents = () => {
+				clearTimeout(ackTimer);
 				channel.removeEventListener("message", onReceived);
 				this.eventTarget.removeEventListener("iframeerror", onError);
+				events.delete(event.event);
 			};
+			const timeout = getIframeTimeout();
+			ackTimer = setTimeout(() => {
+				cleanupEvents();
+				reject(/* @__PURE__ */ new Error(`The iframe "${event.iframeId}" did not acknowledge the "${event.event}" message within ${timeout}ms. The tester might have crashed, been removed, or be blocked by a long synchronous task.`));
+			}, timeout);
 			function onReceived(e) {
-				if (e.data.iframeId === event.iframeId && e.data.event === `response:${event.event}`) {
-					resolve();
+				if (e.data.iframeId !== event.iframeId || e.data.messageId !== messageId) return;
+				if (e.data.event === `ack:${event.event}`) {
+					clearTimeout(ackTimer);
+					return;
+				}
+				if (e.data.event === `response:${event.event}`) {
 					cleanupEvents();
-					events.delete(event.event);
+					resolve();
 				}
 			}
 			function onError(e) {
-				reject(e.detail);
 				cleanupEvents();
-				events.delete(event.event);
+				reject(e.detail);
 			}
 			this.eventTarget.addEventListener("iframeerror", onError);
 			channel.addEventListener("message", onReceived);
@@ -300,29 +367,11 @@ async function getContainer(config) {
 }
 function generateFileId(file) {
 	const config = getConfig();
-	return generateFileHash(relative(config.root, file), config.name, {
+	return /* @__PURE__ */ generateFileHash(relative(config.root, file), config.name, {
 		typecheck: config.pool === "typescript",
 		__vitest_label__: config.mergeReportsLabel
 	});
 }
-function generateFileHash(file, projectName, meta) {
-	return generateHash([
-		file,
-		projectName || "",
-		(meta === null || meta === void 0 ? void 0 : meta.typecheck) ? "__typecheck__" : "",
-		(meta === null || meta === void 0 ? void 0 : meta.__vitest_label__) || ""
-	].join("\0"));
-}
-function generateHash(str) {
-	let hash = 0;
-	if (str.length === 0) return `${hash}`;
-	for (let i = 0; i < str.length; i++) {
-		const char = str.charCodeAt(i);
-		hash = (hash << 5) - hash + char;
-		hash = hash & hash;
-	}
-	return `${hash}`;
-}
 async function setIframeViewport(width, height) {
 	const ui = /* @__PURE__ */ getUiAPI();
 	if (ui) await ui.setIframeViewport(width, height);
@@ -339,5 +388,8 @@ function debug(...args) {
 	const debug = getConfig().env.VITEST_BROWSER_DEBUG;
 	if (debug && debug !== "false") client.rpc.debug(...args.map(String));
 }
+function getIframeTimeout() {
+	return Number(getConfig().env.VITEST_BROWSER_IFRAME_TIMEOUT) || 6e4;
+}
 
 //#endregion