@vitest/browser-playwright 4.1.0-beta.4 → 4.1.0-beta.5

package/dist/index.js

@@ -799,17 +799,6 @@ class PlaywrightBrowserProvider {
 		this.browserPromise = (async () => {
 			const options = this.project.config.browser;
 			const playwright = await import('playwright');
-			if (this.options.connectOptions) {
-				if (this.options.launchOptions) {
-					this.project.vitest.logger.warn(c.yellow(`Found both ${c.bold(c.italic(c.yellow("connect")))} and ${c.bold(c.italic(c.yellow("launch")))} options in browser instance configuration.
-          Ignoring ${c.bold(c.italic(c.yellow("launch")))} options and using ${c.bold(c.italic(c.yellow("connect")))} mode.
-          You probably want to remove one of the two options and keep only the one you want to use.`));
-				}
-				const browser = await playwright[this.browserName].connect(this.options.connectOptions.wsEndpoint, this.options.connectOptions);
-				this.browser = browser;
-				this.browserPromise = null;
-				return this.browser;
-			}
 			const launchOptions = {
 				...this.options.launchOptions,
 				headless: options.headless
@@ -824,8 +813,10 @@ class PlaywrightBrowserProvider {
 				const host = inspector.host || "127.0.0.1";
 				launchOptions.args ||= [];
 				launchOptions.args.push(`--remote-debugging-port=${port}`);
-				launchOptions.args.push(`--remote-debugging-address=${host}`);
-				this.project.vitest.logger.log(`Debugger listening on ws://${host}:${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") {
@@ -837,6 +828,23 @@ class PlaywrightBrowserProvider {
 				}
 			}
 			debug?.("[%s] initializing the browser with launch options: %O", this.browserName, launchOptions);
+			if (this.options.connectOptions) {
+				let { wsEndpoint, headers = {}, ...connectOptions } = this.options.connectOptions;
+				if ("x-playwright-launch-options" in headers) {
+					this.project.vitest.logger.warn(c.yellow("Detected \"x-playwright-launch-options\" in connectOptions.headers. Provider config launchOptions is ignored."));
+				} else {
+					headers = {
+						...headers,
+						"x-playwright-launch-options": JSON.stringify(launchOptions)
+					};
+				}
+				this.browser = await playwright[this.browserName].connect(wsEndpoint, {
+					...connectOptions,
+					headers
+				});
+				this.browserPromise = null;
+				return this.browser;
+			}
 			let persistentContextOption = this.options.persistentContext;
 			if (persistentContextOption && openBrowserOptions.parallel) {
 				persistentContextOption = false;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitest/browser-playwright",
   "type": "module",
-  "version": "4.1.0-beta.4",
+  "version": "4.1.0-beta.5",
   "description": "Browser running for Vitest using playwright",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
@@ -42,7 +42,7 @@
   ],
   "peerDependencies": {
     "playwright": "*",
-    "vitest": "4.1.0-beta.4"
+    "vitest": "4.1.0-beta.5"
   },
   "peerDependenciesMeta": {
     "playwright": {
@@ -51,12 +51,12 @@
   },
   "dependencies": {
     "tinyrainbow": "^3.0.3",
-    "@vitest/browser": "4.1.0-beta.4",
-    "@vitest/mocker": "4.1.0-beta.4"
+    "@vitest/browser": "4.1.0-beta.5",
+    "@vitest/mocker": "4.1.0-beta.5"
   },
   "devDependencies": {
-    "playwright": "^1.58.1",
-    "vitest": "4.1.0-beta.4"
+    "playwright": "^1.58.2",
+    "vitest": "4.1.0-beta.5"
   },
   "scripts": {
     "build": "premove dist && pnpm rollup -c",