Axe Core

Bạn có thể bao gồm các bài kiểm tra về khả năng tiếp cận trong bộ kiểm tra WebdriverIO của mình bằng cách sử dụng các công cụ nguồn mở về khả năng tiếp cận từ Deque có tên là Axe. Việc thiết lập rất dễ dàng, tất cả những gì bạn cần làm là cài đặt bộ điều hợp WebdriverIO Axe thông qua:

npm

npm install -g @axe-core/webdriverio

Yarn

yarn global add @axe-core/webdriverio

pnpm

pnpm add -g @axe-core/webdriverio

Bộ điều hợp Axe có thể được sử dụng ở cả chế độ độc lập hoặc trình chạy kiểm thử bằng cách đơn giản nhập và khởi tạo nó với đối tượng browser, ví dụ:

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)
    })
})

Bạn có thể tìm thấy thêm tài liệu về bộ điều hợp Axe WebdriverIO trên GitHub.