Playwright & Jest

Jest-Playwright allows you to run tests with Jest on browsers controlled with Playwright.

To get started, please install the package:

npm init && npm install -D jest jest-playwright-preset playwright

Next, specify these settings in your Jest configuration file (jest.config.js):

module.exports = { rootDir: '.', testTimeout: 20000, testMatch: [ '<rootDir>/*.spec.js' ], preset: 'jest-playwright-preset' }

Configure Jest-Playwright

To configure Jest Playwright, please create a new file called jest-playwright.config.js and add this to the file:

module.exports = { connectBrowserApp: { wsEndpoint: 'wss://cloud.testingbot.com/playwright?key=api_key&secret=api_secret&browserName=edge&browserVersion=latest' } }

This instructs Jest Playwright to connect to the TestingBot browser grid and use the latest Chrome browser.

Run your first test

To create a test, create a new file called sample.spec.js and add this to the file:

describe('Google', () => { beforeAll(async () => { await page.goto('https://google.com') }) it('should display google text on page', async () => { await expect(page).toMatch('google') }) })

Now you can run your first test with Playwright on the TestingBot cloud:

$ jest

This will open Google in a Chrome browser and verify if the word 'google' is on the page.

You should see something like this in your terminal after running the command:

PASS ./sample.spec.js (6.503s) Google ✓ should display google text on page (81ms) Test Suites: 1 passed, 1 total Tests: 1 passed, 1 total

This test will also appear in your Member Dashboard.