Axe Core

Puoi includere test di accessibilità all'interno della tua suite di test WebdriverIO utilizzando gli strumenti di accessibilità open-source di Deque chiamati Axe. La configurazione è molto semplice, tutto ciò che devi fare è installare l'adattatore WebdriverIO Axe tramite:

npm

npm install -g @axe-core/webdriverio

Yarn

yarn global add @axe-core/webdriverio

pnpm

pnpm add -g @axe-core/webdriverio

L'adattatore Axe può essere utilizzato sia in modalità standalone che testrunner semplicemente importandolo e inizializzandolo con l'oggetto browser, ad esempio:

import { browser } from '@wdio/globals'
import AxeBuilder from '@axe-core/webdriverio'

describe('Accessibility Test', () => {
    it('should get the accessibility results from a page', async () => {
        const builder = new AxeBuilder({ client: browser })

        await browser.url('https://testingbot.com')
        const result = await builder.analyze()
        console.log('Acessibility Results:', result)
    })
})

Puoi trovare maggiori informazioni sull'adattatore Axe WebdriverIO su GitHub.