Importieren und Initialisieren für Playwright

Nachdem Sie axe DevTools for Web installiert haben, müssen Sie es in Ihr Test-Setup importieren und das Paket initialisieren.

Voraussetzungen

Um axe DevTools for Web zu importieren und zu initialisieren, muss es zuerst installiert werden. Wenn Sie es noch nicht getan haben, lesen Sie die Anleitung zur Installation aus einem Bundle, aus Ihrem Artefakt-Repository oder von Deques Agora. Sie benötigen außerdem eine heruntergeladene und konfigurierte Playwright-Version Ihrer Wahl.

Importieren und Initialisieren

Außerhalb eines Moduls wird axe DevTools for Web importiert und eine Instanz mit einer Anweisung wie dieser erstellt:

const AxeDevtoolsBuilder = require('@axe-devtools/playwright').default;

Das Importieren von Playwright ist ebenfalls erforderlich:

const playwright = require('playwright');

Innerhalb eines Moduls ist die Syntax leicht anders. Die Anweisung sollte folgendermaßen aussehen:

import AxeDevtoolsBuilder from '@axe-devtools/playwright';

Das Importieren von Playwright ist ebenfalls erforderlich:

import * as playwright from 'playwright';

Nachdem Sie axe DevTools for Web importiert haben, können Sie den Treiber initialisieren. Jeder Scan erfordert eine eigene Instanz von axe DevTools for Web, daher initialisieren Sie diese beim Schreiben der Tests.

// This will open up a headless instance of chromium
const browser = await playwright.chromium.launch();
const context = await browser.newContext();
const page = await context.newPage();

Nächster Schritt

Nachdem Sie axe DevTools for Web installiert, importiert und initialisiert haben, können Sie mit dem Scannen auf Barrierefreiheit und dem Schreiben von Tests zur Barrierefreiheit fortfahren. Lesen Sie dazu die Anleitung zum Schreiben von Tests.

Fehlerbehebung

Wenn Sie Probleme beim Importieren oder Initialisieren von axe DevTools for Web haben, wenden Sie sich direkt an Ihren Deque-Vertreter, erreichen Sie uns über unseren Support-Desk oder senden Sie uns eine E-Mail. Wir helfen Ihnen gerne weiter.