Playwright (JS/TS)

Integrating Playwright JavaScript/TypeScript based tests

Installation

First we need to install cloudbeat/playwright in your project:

npm install @cloudbeat/playwright

Then add cloudbeat as the reporter inside playwright.config:

reporter: process.env.CB_AGENT ? '@cloudbeat/playwright' : 'html'

In order to save screenshots and videos in cloudbeat, make sure to enable them:

  use: {
    trace: "on",
    video: "on",
    screenshot: "on",
    headless: true
  },

Since cloudbeat agents run in the cloud, or in your local servers, headless should always be enabled

Creating a Playwright project in Cloudbeat

Under Manage, open projects and click on add project, choose a name and select Playwright

Import a project

If you want to upload a local project, you need to create a zip of it, make sure you skip node_modules.

You can also import a project from a git repository. Click finish and your project will be created.

Configuring Environments

Under manage, open Environments and recreate the values that you have inside your .env file.

Running your tests

Under Testing, go to cases and you will see all your tests, make sure Location is enabled under test mode, click on Run Now to execute the selected test on your selected location.

After your test is completed, click on the results tab to see all of the test steps, videos, logs and data.

Running multiple tests

Under Testing, go to Suites, right-click on Dashboard to create a new suite, or start by creating a new folder then right-click on it and choose Create suites - web.

Go to settings and make sure test mode is set to Location, save changes and choose your location.

Click on the cases tab and select your desired cases.

Similar to a single case, clicking on Run Now will execute all the selected cases.

Under results tab, you will see the status of your tests.