Jest Puppeteer provides all required configuration to run your tests using Puppeteer.

• First install jest-puppeteer

• Specify preset in your Jest configuration:

{
  "preset": "jest-puppeteer"
}

• Write your test

See .

Custom example without jest-puppeteer preset

You can also hook up puppeteer from scratch. The basic idea is to:

• launch & file the websocket endpoint of puppeteer with Global Setup
• connect to puppeteer from each Test Environment
• close puppeteer with Global TeardownHere's an example of the GlobalSetup script

// setup.js
const puppeteer = require('puppeteer');
const mkdirp = require('mkdirp');
const path = require('path');
const fs = require('fs');
module.exports = async function() {
  const browser = await puppeteer.launch();
  // store the browser instance so we can teardown it later
  // this global is only available in the teardown but not in TestEnvironments
  global.__BROWSER_GLOBAL__ = browser;
  // use the file system to expose the wsEndpoint for TestEnvironments
  mkdirp.sync(DIR);
  fs.writeFileSync(path.join(DIR, 'wsEndpoint'), browser.wsEndpoint());
};

Finally we can close the puppeteer instance and clean-up the file

// teardown.js
const os = require('os');
const path = require('path');
const DIR = path.join(os.tmpdir(), 'jest_puppeteer_global_setup');
module.exports = async function() {
  // close the browser instance
  await global.__BROWSER_GLOBAL__.close();
  // clean-up the wsEndpoint file
  rimraf.sync(DIR);
};

With all the things set up, we can now write our tests like this:

module.exports = {
  globalSetup: './setup.js',
  globalTeardown: './teardown.js',
  testEnvironment: './puppeteer_environment.js',
};

Here's the code of .