Installieren Sie auf der Stammebene Ihres Testordners das Paket @axe-core/watcher und alle seine Abhängigkeiten mit npm oder Ihrem bevorzugten Paketmanager (z. B. Yarn oder pnpm).
npm install --save-dev @axe-core/watcher
Importieren Sie in Ihrem wdio.config.js die Funktion wdioTestRunner , die Funktion wrapWdio und die Klasse WdioController aus @axe-core/watcher:
const {
wdioTestRunner,
wrapWdio,
WdioController
} = require('@axe-core/watcher')
Bevor Sie Ihre WebdriverIO-Konfiguration exportieren, schließen Sie sie mit einem Aufruf von wdioTestRunner() ein und geben Sie dabei Ihren API-Schlüssel an:
exports.config = {
// Your config options here...
}
// Becomes:
exports.config = wdioTestRunner({
axe: {
apiKey: process.env.API_KEY
}, {
// Your config options here...
}
})
Erstellen Sie in Ihrem Test-Setup-Code (normalerweise in einem before - oder beforeAll -Block) eine Instanz des WdioController und verpacken Sie dann Ihr Browser Objekt:
const controller = new WdioController(browser)
wrapWdio(browser, controller)
Stellen Sie abschließend sicher, dass alle Testergebnisse aus Axe Watcher vollständig verarbeitet sind. Fügen Sie dazu den folgenden Codeblock zu Ihrem Test-Teardown-Code hinzu (normalerweise in einem afterFetch -Block):
afterEach(async () => {
await controller.flush()
})