Features
Start a free trial

CodeceptJS & Playwright

CodeceptJS is an end-to-end testing framework which provides support for many automation drivers, including Playwright.

To get started, please install these packages:

Copy code
npm install codeceptjs playwright --save

To create a sample project from scratch, you can use this command:

Copy code
npx codeceptjs init

Configure CodeceptJS with Playwright

To configure CodeceptJS, please edit codecept.conf.js and make sure to add the Playwright helper.

Copy code
{ // ..
  helpers: {
    Playwright: {
      url: "http://localhost",
      browser: 'chromium',
      chromium: {
        browserWSEndpoint: "wss://cloud.testingbot.com?key=YOUR_KEY&secret=YOUR_SECRET",
        cdpConnection: true
      }
    }
  }
  // ..
}

You can use the browserWSEndpoint URL to instruct CodeceptJS to use TestingBot's Playwright grid to run the tests on.

Specifying browser and version

To specify on which browser, browser version and platform your CodeceptJS + Playwright test should run, you can include both a browserName and browserVersion in the browserWSEndpoint URL.

Select a browser & version
Copy code

Run your first CodeceptJS + Playwright test

The example test below will open the TestingBot website and check to see if the word 'TestingBot' is included on the page.

Copy code
Feature('Test');

Scenario('test testingbot homepage', ({ I }) => {
  I.amOnPage('https://testingbot.com');
  I.see('TestingBot');
});

Now you can run this first test on TestingBot.

Copy code
$ npx codeceptjs run --steps
Copy code
Test --
  test something
    I am on page "https://testingbot.com"
    I see "TestingBot"
  ✔ OK in 1017ms


  OK  | 1 passed   // 10s

This test will appear in your Member Dashboard. Test details will include a video of the test and any logs that were generated.