Playwrightのためのインポートと初期化

Axe DevTools for Webをインストールしたら、テストセットアップにインポートし、パッケージを初期化する必要があります。

前提条件

Axe DevTools for Webをインポートして初期化するためには、まずインストールされている必要があります。まだインストールしていない場合は、バンドル、アーティファクトリポジトリから、またはDequeのAgoraからからインストールする方法についてのガイドをお読みください。また、ダウンロードして設定済みのPlaywrightのバージョンも必要です。

インポートと初期化

モジュールの外側では、次のような文でAxe DevTools for Webがインポートされ、インスタンスが作成されます:

const { AxeDevToolsBuilder } = require('@axe-devtools/playwright');

Playwrightのインポートも必要です:

const playwright = require('playwright');

モジュール内では、構文が少し異なります。文は次のようになります:

import { AxeDevToolsBuilder } from '@axe-devtools/playwright';

Playwrightのインポートも必要です:

import * as playwright from 'playwright';

Axe DevTools for Webをインポートしたら、ドライバーを初期化できます。各スキャンには独自のAxe DevTools for Webインスタンスが必要なので、テストを書く際にそれを初期化します。

// 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();

次のステップ

Axe DevTools for Webをインストールし、インポートし、初期化したら、アクセシビリティのスキャンを行い、アクセシビリティテストを書く準備が整います。それを行うために、テストを書くに関するガイドを参照してください。

トラブルシューティング

Axe DevTools for Webのインポートや初期化について問題がある場合は、直接Dequeの担当者に連絡するか、サポートデスクから、またはメールを送るでお問い合わせください。お手伝いできることを嬉しく思います。