@vitest/browser-playwright 5.0.0-beta.6 → 5.0.0-rc.1

package/dist/index.js

@@ -847,12 +847,105 @@ function playwright(options = {}) {
 		name: "playwright",
 		supportedBrowser: playwrightBrowsers,
 		options,
+		prewarm(ctx) {
+			prewarmBrowser(ctx, options);
+		},
 		providerFactory(project) {
 			return new PlaywrightBrowserProvider(project, options);
 		}
 	});
 }
+// The resolved config object is passed unchanged to the eventual TestProject,
+// so it identifies the browser this project can adopt.
+const warmBrowsers = new WeakMap();
+const pendingWarmBrowsers = new WeakMap();
+// starts importing playwright and launching the browser while the node side
+// is still creating the vite server, so the launch latency overlaps it. The
+// launch options are resolved by the same code as the real launch — if they
+// still differ by the time the provider opens the browser, the warm instance
+// is discarded, so this is always safe
+function prewarmBrowser(project, options) {
+	const browserName = project.config.browser.name;
+	if (options.connectOptions || options.persistentContext || project.vitest.config.inspector.enabled) {
+		return;
+	}
+	if (!browserName || !playwrightBrowsers.includes(browserName)) {
+		return;
+	}
+	if (warmBrowsers.has(project.config)) {
+		return;
+	}
+	let pending = pendingWarmBrowsers.get(project.vitest);
+	if (!pending) {
+		const pendingBrowsers = new Set();
+		pending = pendingBrowsers;
+		pendingWarmBrowsers.set(project.vitest, pendingBrowsers);
+		// Browsers whose projects never initialize a provider (they have no test
+		// files to run) are cleaned up when Vitest closes.
+		project.vitest.onClose(() => closeWarmBrowsers(pendingBrowsers));
+	}
+	const launchOptions = resolveLaunchOptions(project.config.browser, project.vitest.config.inspector, options, browserName);
+	const entry = {
+		launchOptionsJson: JSON.stringify(launchOptions),
+		pending,
+		promise: (async () => {
+			debug?.("[%s] prewarming the browser", browserName);
+			const playwright = await import('playwright');
+			return playwright[browserName].launch(launchOptions);
+		})()
+	};
+	// if the warm launch fails, drop it so the real launch retries
+	// and surfaces the error through the normal path
+	entry.promise.catch(() => {
+		if (warmBrowsers.get(project.config) === entry) {
+			warmBrowsers.delete(project.config);
+			entry.pending.delete(entry);
+		}
+	});
+	pending.add(entry);
+	warmBrowsers.set(project.config, entry);
+}
+function takeWarmBrowser(config) {
+	const warm = warmBrowsers.get(config);
+	if (warm) {
+		warmBrowsers.delete(config);
+		warm.pending.delete(warm);
+	}
+	return warm;
+}
+async function closeWarmBrowsers(pending) {
+	const closing = Array.from(pending, (warm) => warm.promise.then((browser) => browser.close()).catch(() => {}));
+	pending.clear();
+	await Promise.all(closing);
+}
+function resolveLaunchOptions(browser, inspector, providerOptions, browserName) {
+	const launchOptions = {
+		...providerOptions.launchOptions,
+		headless: browser.headless
+	};
+	if (typeof browser.trace === "object" && browser.trace.tracesDir) {
+		launchOptions.tracesDir = browser.trace.tracesDir;
+	}
+	if (inspector.enabled) {
+		// NodeJS equivalent defaults: https://nodejs.org/en/learn/getting-started/debugging#enable-inspector
+		const port = inspector.port || 9229;
+		launchOptions.args ||= [];
+		launchOptions.args.push(`--remote-debugging-port=${port}`);
+	}
+	// start Vitest UI maximized only on supported browsers
+	if (browser.ui && browserName === "chromium") {
+		if (!launchOptions.args) {
+			launchOptions.args = [];
+		}
+		if (!launchOptions.args.includes("--start-maximized") && !launchOptions.args.includes("--start-fullscreen")) {
+			launchOptions.args.push("--start-maximized");
+		}
+	}
+	return launchOptions;
+}
 class PlaywrightBrowserProvider {
+	project;
+	options;
 	name = "playwright";
 	supportsParallelism = true;
 	browser = null;
@@ -901,36 +994,17 @@ class PlaywrightBrowserProvider {
 			return this.browser;
 		}
 		this.browserPromise = (async () => {
-			const options = this.project.config.browser;
 			const playwright = await import('playwright');
-			const launchOptions = {
-				...this.options.launchOptions,
-				headless: options.headless
-			};
-			if (typeof options.trace === "object" && options.trace.tracesDir) {
-				launchOptions.tracesDir = options.trace?.tracesDir;
-			}
+			const launchOptions = resolveLaunchOptions(this.project.config.browser, this.project.vitest.config.inspector, this.options, this.browserName);
 			const inspector = this.project.vitest.config.inspector;
 			if (inspector.enabled) {
-				// NodeJS equivalent defaults: https://nodejs.org/en/learn/getting-started/debugging#enable-inspector
 				const port = inspector.port || 9229;
 				const host = inspector.host || "127.0.0.1";
-				launchOptions.args ||= [];
-				launchOptions.args.push(`--remote-debugging-port=${port}`);
 				if (host !== "localhost" && host !== "127.0.0.1" && host !== "::1") {
 					this.project.vitest.logger.warn(`Custom inspector host "${host}" will be ignored. Chromium only allows remote debugging on localhost.`);
 				}
 				this.project.vitest.logger.log(`Debugger listening on ws://127.0.0.1:${port}`);
 			}
-			// start Vitest UI maximized only on supported browsers
-			if (this.project.config.browser.ui && this.browserName === "chromium") {
-				if (!launchOptions.args) {
-					launchOptions.args = [];
-				}
-				if (!launchOptions.args.includes("--start-maximized") && !launchOptions.args.includes("--start-fullscreen")) {
-					launchOptions.args.push("--start-maximized");
-				}
-			}
 			debug?.("[%s] initializing the browser with launch options: %O", this.browserName, launchOptions);
 			if (this.options.connectOptions) {
 				let { wsEndpoint, headers = {}, ...connectOptions } = this.options.connectOptions;
@@ -963,6 +1037,19 @@ class PlaywrightBrowserProvider {
 				});
 				this.browser = this.persistentContext.browser();
 			} else {
+				const warm = takeWarmBrowser(this.project.config);
+				if (warm && warm.launchOptionsJson === JSON.stringify(launchOptions)) {
+					const browser = await warm.promise.catch(() => null);
+					if (browser?.isConnected()) {
+						debug?.("[%s] adopting the prewarmed browser", this.browserName);
+						this.browser = browser;
+						this.browserPromise = null;
+						return this.browser;
+					}
+				} else if (warm) {
+					debug?.("[%s] discarding the prewarmed browser, launch options changed", this.browserName);
+					void warm.promise.then((browser) => browser.close()).catch(() => {});
+				}
 				this.browser = await playwright[this.browserName].launch(launchOptions);
 			}
 			this.browserPromise = null;
@@ -1021,8 +1108,8 @@ class PlaywrightBrowserProvider {
 				idPredicates.set(key, predicate);
 				await page.context().route(predicate, async (route) => {
 					if (module.type === "manual") {
-						const exports$1 = Object.keys(await module.resolve());
-						const body = createManualModuleSource(module.url, exports$1);
+						const exports = Object.keys(await module.resolve());
+						const body = createManualModuleSource(module.url, exports);
 						return route.fulfill({
 							body,
 							headers: getHeaders(this.project.browser.vite.config)
@@ -1217,6 +1304,11 @@ class PlaywrightBrowserProvider {
 		process.off("SIGTERM", this.onSIGTERM);
 		debug?.("[%s] closing provider", this.browserName);
 		this.closing = true;
+		// a prewarmed browser that was never adopted must not outlive the provider
+		const warm = takeWarmBrowser(this.project.config);
+		if (warm) {
+			void warm.promise.then((browser) => browser.close()).catch(() => {});
+		}
 		if (this.browserPromise) {
 			await this.browserPromise;
 			this.browserPromise = null;

package/dist/locators.js

@@ -3,6 +3,8 @@ import { page, server } from 'vitest/browser';
 import { __INTERNAL } from 'vitest/internal/browser';
 
 class PlaywrightLocator extends Locator {
+	selector;
+	_container;
 	constructor(selector, _container) {
 		super();
 		this.selector = selector;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitest/browser-playwright",
   "type": "module",
-  "version": "5.0.0-beta.6",
+  "version": "5.0.0-rc.1",
   "description": "Browser running for Vitest using playwright",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
@@ -42,7 +42,7 @@
   ],
   "peerDependencies": {
     "playwright": "*",
-    "vitest": "5.0.0-beta.6"
+    "vitest": "5.0.0-rc.1"
   },
   "peerDependenciesMeta": {
     "playwright": {
@@ -50,13 +50,13 @@
     }
   },
   "dependencies": {
-    "tinyrainbow": "^3.1.0",
-    "@vitest/browser": "5.0.0-beta.6",
-    "@vitest/mocker": "5.0.0-beta.6"
+    "tinyrainbow": "^3.1.1",
+    "@vitest/browser": "5.0.0-rc.1",
+    "@vitest/mocker": "5.0.0-rc.1"
   },
   "devDependencies": {
-    "playwright": "^1.61.0",
-    "vitest": "5.0.0-beta.6"
+    "playwright": "^1.62.1",
+    "vitest": "5.0.0-rc.1"
   },
   "scripts": {
     "build": "premove dist && pnpm rollup -c",