@vitest/browser-playwright 4.0.0-beta.17 → 4.0.0-beta.19

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { Page, Frame, FrameLocator, BrowserContext, LaunchOptions, ConnectOptions, BrowserContextOptions, Browser } from 'playwright';
-import { Protocol } from 'playwright-core/types/protocol';
-import { ScreenshotMatcherOptions, ScreenshotComparatorRegistry, Locator } from 'vitest/browser';
-import { BrowserProviderOption, BrowserProvider, BrowserModuleMocker, TestProject, CDPSession } from 'vitest/node';
+import { CustomComparatorsRegistry } from '@vitest/browser';
 export { defineBrowserCommand } from '@vitest/browser';
+import { Page, Frame, FrameLocator, BrowserContext, CDPSession, LaunchOptions, ConnectOptions, BrowserContextOptions, Browser } from 'playwright';
+import { ScreenshotMatcherOptions, ScreenshotComparatorRegistry, Locator } from 'vitest/browser';
+import { BrowserProviderOption, BrowserProvider, BrowserModuleMocker, TestProject, CDPSession as CDPSession$1 } from 'vitest/node';
 
 declare const playwrightBrowsers: readonly ["firefox", "webkit", "chromium"];
 type PlaywrightBrowser = (typeof playwrightBrowsers)[number];
@@ -62,7 +62,7 @@ declare class PlaywrightBrowserProvider implements BrowserProvider {
 	private openBrowserPage;
 	openPage(sessionId: string, url: string): Promise<void>;
 	private _throwIfClosing;
-	getCDPSession(sessionid: string): Promise<CDPSession>;
+	getCDPSession(sessionid: string): Promise<CDPSession$1>;
 	close(): Promise<void>;
 }
 declare module "vitest/node" {
@@ -75,7 +75,7 @@ declare module "vitest/node" {
 	interface _BrowserNames {
 		playwright: PlaywrightBrowser;
 	}
-	interface ToMatchScreenshotOptions extends Omit<ScreenshotMatcherOptions, "comparatorName" | "comparatorOptions"> {}
+	interface ToMatchScreenshotOptions extends Omit<ScreenshotMatcherOptions, "comparatorName" | "comparatorOptions">, CustomComparatorsRegistry {}
 	interface ToMatchScreenshotComparators extends ScreenshotComparatorRegistry {}
 }
 type PWHoverOptions = NonNullable<Parameters<Page["hover"]>[1]>;
@@ -86,6 +86,7 @@ type PWScreenshotOptions = NonNullable<Parameters<Page["screenshot"]>[0]>;
 type PWSelectOptions = NonNullable<Parameters<Page["selectOption"]>[2]>;
 type PWDragAndDropOptions = NonNullable<Parameters<Page["dragAndDrop"]>[2]>;
 type PWSetInputFiles = NonNullable<Parameters<Page["setInputFiles"]>[2]>;
+type PWCDPSession = CDPSession;
 declare module "vitest/browser" {
 	interface UserEventHoverOptions extends PWHoverOptions {}
 	interface UserEventClickOptions extends PWClickOptions {}
@@ -98,12 +99,7 @@ declare module "vitest/browser" {
 	interface ScreenshotOptions extends Omit<PWScreenshotOptions, "mask"> {
 		mask?: ReadonlyArray<Element | Locator> | undefined;
 	}
-	interface CDPSession {
-		send<T extends keyof Protocol.CommandParameters>(method: T, params?: Protocol.CommandParameters[T]): Promise<Protocol.CommandReturnValues[T]>;
-		on<T extends keyof Protocol.Events>(event: T, listener: (payload: Protocol.Events[T]) => void): this;
-		once<T extends keyof Protocol.Events>(event: T, listener: (payload: Protocol.Events[T]) => void): this;
-		off<T extends keyof Protocol.Events>(event: T, listener: (payload: Protocol.Events[T]) => void): this;
-	}
+	interface CDPSession extends PWCDPSession {}
 }
 
 export { PlaywrightBrowserProvider, playwright };

package/dist/index.js

@@ -720,6 +720,9 @@ const playwrightBrowsers = [
 	"webkit",
 	"chromium"
 ];
+// Enable intercepting of requests made by service workers - experimental API is only available in Chromium based browsers
+// Requests from service workers are only available on context.route() https://playwright.dev/docs/service-workers-experimental
+process.env.PW_EXPERIMENTAL_SERVICE_WORKER_NETWORK_EVENTS ??= "1";
 function playwright(options = {}) {
 	return defineBrowserProvider({
 		name: "playwright",
@@ -863,7 +866,7 @@ class PlaywrightBrowserProvider {
 		return {
 			register: async (sessionId, module) => {
 				const page = this.getPage(sessionId);
-				await page.route(createPredicate(sessionId, module.url), async (route) => {
+				await page.context().route(createPredicate(sessionId, module.url), async (route) => {
 					if (module.type === "manual") {
 						const exports = Object.keys(await module.resolve());
 						const body = createManualModuleSource(module.url, exports);
@@ -919,7 +922,7 @@ class PlaywrightBrowserProvider {
 				const key = predicateKey(sessionId, id);
 				const predicate = idPreficates.get(key);
 				if (predicate) {
-					await page.unroute(predicate).finally(() => idPreficates.delete(key));
+					await page.context().unroute(predicate).finally(() => idPreficates.delete(key));
 				}
 			},
 			clear: async (sessionId) => {
@@ -929,7 +932,7 @@ class PlaywrightBrowserProvider {
 					const key = predicateKey(sessionId, id);
 					const predicate = idPreficates.get(key);
 					if (predicate) {
-						return page.unroute(predicate).finally(() => idPreficates.delete(key));
+						return page.context().unroute(predicate).finally(() => idPreficates.delete(key));
 					}
 					return null;
 				});

package/package.json

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