Instructions for Playwright Test and JavaScript

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard

Configuring your tests with Playwright Test and JavaScript

Free Trial
Not for use with personal data
  1. In the root level of your testing folder, install the @axe-core/watcher package and all of its dependencies using npm or your preferred package manager (for example, Yarn or pnpm).

    npm install --save-dev @axe-core/watcher
  2. Create a fixtures.js file alongside your existing Playwright Test tests. In this file, import the Playwright Test function from @axe-core/watcher:

    const { playwrightTest } = require('@axe-core/watcher')
    
    const API_KEY = process.env.API_KEY
    
    module.exports = playwrightTest({
      axe: {
        apiKey: API_KEY
      },
      headless: false,
      // Any other Playwright configuration you’d pass to chromium.launchPersistentContext() here
    })
  3. In your test files, replace the imports for test and expect from Playwright Test with your fixtures.js file:

    const { test, expect } = require('@playwright/test')
    // Becomes:
    const { test, expect } = require('./fixtures')
  4. You're all done.