Instructions for Playwright Test and JavaScript

Link to Instructions for Playwright Test and JavaScript copied to clipboard

Configuring your tests with Playwright Test and JavaScript

Free Trial
  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.