How do I set up and run Playwright tests in an Azure Circle CI environment?


To set up and run Playwright tests in an Azure Circle CI environment, follow these steps:

1. Install Playwright

Install the Playwright extension in VS Code from the marketplace or the extensions tab. Open the command panel, type "Install Playwright", and select Test: Install Playwright. Choose the browsers for testing, which can be configured later in the playwright.config file.

2. Configure Circle CI Environment

Install necessary dependencies, such as Node.js and any required packages or libraries for your project.

3. Add a Job to Run Playwright Tests

Add a new job in your Circle CI configuration file to run the appropriate commands for your Playwright tests. Specify the browsers for testing.

      - image: circleci/node:latest
      - checkout
      - run:
          name: Install Dependencies
          command: npm ci
      - run:
          name: Run Playwright Tests
          command: npx playwright test --browser chromium

4. Commit and Push Your Code

Ensure all your code is committed and pushed to GitHub, so Circle CI can access it during testing.

Now, your Playwright tests will run in the Azure Circle CI environment. Remember to configure the playwright.config file for any specific settings, such as the domain name:

import { PlaywrightTestConfig } from '@playwright/test';

const config: PlaywrightTestConfig = {
  use: {
    baseURL: 'https://ray.run/',

export default config;

With these steps, you'll be able to run your Playwright tests on Azure Circle CI successfully.

Thank you!
Was this helpful?
Still have questions?

If you still have questions, please ask a question and I will try to answer it.

AboutQuestionsDiscord ForumBrowser ExtensionTagsQA Jobs

Rayrun is a community for QA engineers. I am constantly looking for new ways to add value to people learning Playwright and other browser automation frameworks. If you have feedback, email luc@ray.run.