Skip to main content

Create Browser Test

A Browser Test allows running your end-to-end test scenario using real browsers from our cloud environment. We leverage Playwright framework to executing the test scenario. The scenarios can be automated using our no-code editor or by adding scripts written in Javascript.

No-code Browser Test​

You can add a new Browser Test using our no-code editor by using available pre-defined actions. Learn more about No-code Editor.

  1. Click New Monitor button.
  2. Provide a Name for your test e.g. Check WWW page title.
  3. Optionally, select an Environment which contains variables that can be referenced in your test.
  4. Leave Scripted Mode to OFF.
  5. Click Add a Step button.
  6. A panel will be shown with all available actions for defining a new step.
  7. Select an action from the list below. For example, the Go to URL action will allow you to navigate to a URL.
  8. Add steps, drag and drop to steps to compose the actions to automate your use case.
  9. Click Submit

Following is an example of a no-code Browser Test. Example flow

Scripted Browser Test​

Navigate to Browser Tests page.

  1. Click New Test button.
  2. Provide a Name for your test e.g. Check WWW page title.
  3. Optionally, select an Environment which contains variables that can be referenced in your test.
  4. Toggle Scripted Mode to ON.
  5. Add Playwright Script that must be executed for your test. Following is an example Playwright script.
const { chromium } = require('playwright');
const { expect } = require('chai');

const browser = await chromium.launch();    
const page = await browser.newPage();
await page.goto('https://www.playwright.dev');
const title = await page.title();
console.log('Asserting page title');
expect(title).to.equal('Fast and reliable end-to-end testing for modern web apps | Playwright');
browser.close();
  1. Leave the Enabled toggle button ON to enable the monitor on creation.
  2. Click Submit
note

Browser Tests will have Snooze alerts enabled on creation. This is to prevent sending out alerts while you work on the script to ensure the test is running as expected. Once the script is working as expected, Unsnooze alerts for the monitor to start receiving notifications from the monitor.

Recording Tests​

You can use DevRaven Recorder Chrome extension or Playwright's codegen tool to generate tests for your use cases. Refer Recording Tests for more details.