feat: reuse browser with the jest-runner (#134)

* feat: reuse browser with the jest-runner

* fix: it

* Update dependencies and improve types

* Some improvements

Co-authored-by: mmarkelov <maks-markel@mail.ru>

Author: mxschmitt

.eslintrc.js

@@ -16,6 +16,7 @@ module.exports = {
     'prettier/prettier': 'error',
     '@typescript-eslint/ban-ts-ignore': 'off',
     '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
     '@typescript-eslint/no-var-requires': 'off',
   },
   parser: '@typescript-eslint/parser',

e2e/more.test.ts

@@ -0,0 +1,7 @@
+describe('Example setContext test', () => {
+  it('should be able to execute javascript', async () => {
+    page.setContent(`<script>document.write("test")</script>`)
+    const element = await page.waitForSelector('text=test')
+    expect(element).toBeTruthy()
+  })
+})

package-lock.json

@@ -53,8 +53,8 @@
     "@types/jest": "26.0.0",
     "@types/jest-dev-server": "4.2.0",
     "@types/node": "14.0.13",
-    "@typescript-eslint/eslint-plugin": "3.2.0",
-    "@typescript-eslint/parser": "3.2.0",
+    "@typescript-eslint/eslint-plugin": "3.3.0",
+    "@typescript-eslint/parser": "3.3.0",
     "coveralls": "3.1.0",
     "eslint": "7.2.0",
     "eslint-config-airbnb-base": "14.2.0",
@@ -68,7 +68,7 @@
     "playwright-chromium": ">=1.1.1",
     "playwright-core": "npm:playwright-chromium@>=1.1.1",
     "prettier": "2.0.5",
-    "snyk": "^1.339.3",
+    "snyk": "^1.341.1",
     "ts-jest": "26.1.0",
     "typescript": "3.9.5"
   }

package.json

@@ -1,8 +1,12 @@
 /* eslint-disable no-console */
-import type { Config as JestConfig } from '@jest/types'
 import type { Event, State } from 'jest-circus'
 import type { Browser } from 'playwright-core'
-import type { Config, GenericBrowser, BrowserType } from './types'
+import type {
+  Config,
+  GenericBrowser,
+  BrowserType,
+  JestPlaywrightConfig,
+} from './types'
 import { CHROMIUM, IMPORT_KIND_PLAYWRIGHT } from './constants'
 import {
   getBrowserType,
@@ -49,17 +53,18 @@ export const getPlaywrightEnv = (basicEnv = 'node') => {
     : 'jest-environment-jsdom')
 
   return class PlaywrightEnvironment extends RootEnv {
-    private _config: JestConfig.ProjectConfig
+    readonly _config: JestPlaywrightConfig
 
-    constructor(config: JestConfig.ProjectConfig) {
+    constructor(config: JestPlaywrightConfig) {
       super(config)
       this._config = config
     }
 
     async setup(): Promise<void> {
-      const config = await readConfig(this._config.rootDir)
-      //@ts-ignore
-      const browserType = getBrowserType(this._config.browserName)
+      const { rootDir, wsEndpoint, browserName } = this._config
+      const config = await readConfig(rootDir)
+      config.connectBrowserApp = { wsEndpoint }
+      const browserType = getBrowserType(browserName)
       const { context, exitOnPageError, selectors } = config
       const playwrightPackage = await readPackage()
       if (playwrightPackage === IMPORT_KIND_PLAYWRIGHT) {
@@ -73,7 +78,6 @@ export const getPlaywrightEnv = (basicEnv = 'node') => {
           )
         }
       }
-      //@ts-ignore
       const device = getDeviceType(this._config.device)
       const { instance: playwrightInstance, devices } = getPlaywrightInstance(
         playwrightPackage,