テストフォルダーのルートレベルで、@axe-core/watcherパッケージとそのすべての依存関係をnpmまたはお好みのパッケージマネージャー（例えば、yarnあるいはpnpm）を使用してインストールします。

npm install --save-dev @axe-core/watcher

ファイルで、 wdio.config.ts 関数、 wdioTestRunner() 関数、および wrapWdio() クラスをインポートしてください。 WdioController : @axe-core/watcher/wdioあなたのWebdriverIO設定をエクスポートする前に、

import {
  wdioTestRunner,
  wrapWdio,
  WdioController
} from '@axe-core/watcher/wdio'

を呼び出して、それにAPIキーを提供してください： wdioTestRunner() テスト設定コード内（通常は

// Original code:

export const config = {
  // Your config options here...
}

// Becomes:

const ACCESSIBILITY_API_KEY = process.env.ACCESSIBILITY_API_KEY
const PROJECT_ID = process.env.PROJECT_ID

export const config = wdioTestRunner({
  axe: {
    apiKey: ACCESSIBILITY_API_KEY,
    projectId: PROJECT_ID
  }, {
    // Your config options here...
  }
})

必ず、ACCESSIBILITY_API_KEYとPROJECT_IDを環境に設定し、あなたの個人用APIキー（AxeアカウントのAPI KEYSタブにあります）とプロジェクトID（プロジェクト作成時のこの手順の上部に表示されるか、プロジェクトページで設定の下にあるプロジェクトを設定を選択することで確認可能です）を使用してください。

または before ブロックで）、 beforeAll クラスのインスタンスを作成し、その後 WdioController オブジェクトをラップしてください： browser 最後に、すべてのaxe Watcherのテスト結果が出力されていることを確認してください。そのためには、次のコードブロックをテストの終了処理コード（通常は

const controller = new WdioController(browser)
wrapWdio(browser, controller)

ブロックで）に追加してください： afterFetch block):

afterEach(async () => {
  await controller.flush()
})