Add ability support chrome devtool connection (#748)

* Fix jest types

* Fix JestPlaywrightProjectConfig

* Support chrome devtool connection

* Fixes

Author: mmarkelov

src/PlaywrightEnvironment.ts

@@ -3,6 +3,8 @@ import type {
   Browser,
   BrowserContext,
   BrowserContextOptions,
+  ConnectOptions,
+  ConnectOverCDPOptions,
   Page,
 } from 'playwright-core'
 import { Event } from 'jest-circus'
@@ -68,7 +70,9 @@ const getBrowserPerProcess = async (
   }
 
   const options = getBrowserOptions(browserType, connectOptions)
-  return playwrightInstance.connect(options)
+  return options && 'endpointURL' in options
+    ? playwrightInstance.connectOverCDP(options)
+    : playwrightInstance.connect(options)
 }
 
 const getDeviceConfig = (

src/PlaywrightRunner.ts

@@ -156,9 +156,10 @@ class PlaywrightRunner extends JestRunner {
           typeof browser === 'string'
             ? browser
             : generateKey(browser.name, browserConfig)
+        const browserOptions = getBrowserOptions(browserType, connectOptions)
         const wsEndpoint: WsEndpointType = await this.launchServer(
           browserConfig,
-          getBrowserOptions(browserType, connectOptions)?.wsEndpoint || null,
+          'wsEndpoint' in browserOptions ? browserOptions.wsEndpoint : null,
           browserType,
           key,
           instance as GenericBrowser,

src/constants.ts

@@ -1,4 +1,4 @@
-import type { JestPlaywrightConfig, ConnectOptions } from '../types/global'
+import type { JestPlaywrightConfig } from '../types/global'
 
 export const IMPORT_KIND_PLAYWRIGHT = 'playwright'
 
@@ -15,7 +15,7 @@ export const SERVER = 'SERVER'
 export const DEFAULT_CONFIG: JestPlaywrightConfig = {
   launchType: SERVER,
   launchOptions: {},
-  connectOptions: {} as ConnectOptions,
+  connectOptions: {} as JestPlaywrightConfig['connectOptions'],
   contextOptions: {},
   browsers: [CHROMIUM],
   exitOnPageError: true,

types/global.d.ts

@@ -4,6 +4,8 @@ import {
   Page,
   BrowserContextOptions,
   LaunchOptions,
+  ConnectOptions,
+  ConnectOverCDPOptions,
   BrowserType as PlaywrightBrowserType,
   ViewportSize,
   ChromiumBrowser,
@@ -191,8 +193,6 @@ type LaunchType = typeof LAUNCH | typeof SERVER | typeof PERSISTENT
 
 type Options<T> = T & Partial<Record<BrowserType, T>>
 
-export type ConnectOptions = Parameters<GenericBrowser['connect']>[0]
-
 export type ServerOptions = JestProcessManagerOptions & {
   teardown?: string
 }
@@ -203,7 +203,7 @@ export interface JestPlaywrightConfig {
   debugOptions?: JestPlaywrightConfig
   launchType?: LaunchType
   launchOptions?: Options<LaunchOptions>
-  connectOptions?: Options<ConnectOptions>
+  connectOptions?: Options<ConnectOptions | ConnectOverCDPOptions>
   contextOptions?: Options<BrowserContextOptions>
   userDataDir?: string
   exitOnPageError?: boolean