jest-environment-puppeteer-tests.ts

import { Browser, Page, BrowserContext } from 'puppeteer';
import JestEnvironmentPuppeteer from 'jest-environment-puppeteer';
import { Config, Circus } from '@jest/types';
import { Script } from 'vm';

const myBrowser: Browser = browser; // $ExpectType Browser
const myPage: Page = page; // $ExpectType Page
const myContext: BrowserContext = context; // $ExpectType BrowserContext

jestPuppeteer.debug();
jestPuppeteer.resetPage();

// Creating a custom Jest environment
class CustomJestEnvironment extends JestEnvironmentPuppeteer {
    constructor(config: Config.ProjectConfig) {
        super(config);
    }

    async setup() {
        await super.setup();
        await this.global.page.goto('https://www.google.com');
    }

    async teardown() {
        await this.global.page.waitFor(2000);
        await super.teardown();
    }

    runScript(script: Script) {
        return super.runScript(script);
    }

    async handleTestEvent(event: Circus.Event, state: Circus.State) {
        if (event.name === 'test_fn_failure') {
            console.error('woaw your test failed, you should feel bad!');
        }
    }
}