ウェブ用Axe DevToolsのCypress APIリファレンス
@axe-devtools/cypressパッケージのAPIリファレンス
Cypressのチェーン可能なコマンド(分析)
cy.axeAnalyze()
このチェーン可能なコマンドは、すべてのページとiframeにaxeを注入し、その後ページ上でaxeを実行します。
| パラメータ | タイプ | デフォルト値 | 説明 |
|---|---|---|---|
| name(オプション) | 文字列 | 未定義 | レポートに保存されるこのスキャン結果の識別子を設定します。提供されない場合は、タイムスタンプがデフォルトとして設定されます。 |
| context(オプション) | axe.ElementContext | 未定義 | 分析の範囲を定義します。通常はドキュメントやクラス名、ID、セレクタなどの特定のセレクタになります。 |
| options(オプション) | axe.RunOptions | 未定義 | 一時的にルールまたはチェックを変更するために渡されるオプションのセットです。これはより永続的なaxe.configureとは対照的です。 |
| log(オプション) | ブール値 | false | アクセス可能でない要素の数と違反の影響をテーブルとしてstdoutに出力します。 |
cy.isAxeClean()
このチェーン可能なコマンドは、ページにアクセシビリティの違反がないことを確認するためのアサーションです。
パラメータ:
| パラメータ | タイプ | デフォルト値 | 説明 |
|---|---|---|---|
| context(オプション) | axe.ElementContext | 未定義 | 分析の範囲を定義します。通常はドキュメントやクラス名、ID、セレクタなどの特定のセレクタになります。 |
| options(オプション) | axe.RunOptions | 未定義 | 一時的にルールまたはチェックを変更するために渡されるオプションのセットです。これはより永続的なaxe.configureとは対照的です。 |
Cypressのチェーン可能なコマンド(設定)
CypressとAxe DevTools for Webを統合し、カスタムのCypressのチェーン可能なコマンドを使用して分析結果を設定します。
cy.setAxeSource()
このチェーン可能なコマンドは、axe-coreのバージョンを設定します。
| パラメータ | タイプ | デフォルト値 | 説明 |
|---|---|---|---|
| ファイルパス(必須) | 文字列 | null | axe-coreまたはその縮小版を含むべきプロジェクトルートからaxe.sourceへの相対パスです。 |
cy.setAxeCustom()
このチェイン可能なコマンドでは、カスタムのルールセットを使用できます。
- Axe DevTools for Web Cypressは、
axe-ruleset.jsonがプロジェクトのルートレベルに配置された場合、暗黙的に読み取るか、AXE_RULESET_PATH環境変数が設定されている場合、カスタムルールセットファイルを利用します。
| パラメータ | タイプ | デフォルト値 | 説明 |
|---|---|---|---|
| ファイルパス(必須) | 文字列 | null | プロジェクトのルートからの相対パス。チェックとルールを含める必要があります |
cy.setAxeRuleset()
このチェーン可能なコマンドを使用すると、axe.run()の設定に似た形でタグごとにルールを実行できます。
| パラメータ | タイプ | デフォルト値 | 説明 |
|---|---|---|---|
| ルールセット(必須) | '508', 'en301549', 'rgaav4', 'ttv5', 'wcag2', 'wcag2.1', 'wcag2.2', 'wcag2aaa', 'wcag2.1aaa', 'wcag2.2aaa' | 'wcag2.1' | このルールが割り当てられたタグの配列です。 |
cy.setAxeReportName()
このチェイン可能なコマンドでは、レポートファイルの名前を設定できます。
| パラメータ | タイプ | デフォルト値 | 説明 |
|---|---|---|---|
| レポート名(必須) | 文字列 | @axe-devtools-cypress | レポートファイルの名前です。 |
cy.getAxeResults()
このチェーン可能なコマンドは、cy.axeAnalyze()を実行した後の結果を利用できるようにします。
getAxeResults()からの応答はデータ形状axe.AxeResultsを返します。
例:
after(() => {
cy.axeAnalyze();
cy.getAxeResults().then(data => {
cy.writeFile('./results.json', data)
})
})cy.getUniversalResults()
このチェーン可能なコマンドは、Axe Universal Format内の最後にcy.axeAnalyze()コールの結果を返します。まだ分析が行われていない場合はnullを返します。
例:
after(() => {
cy.axeAnalyze();
cy.getUniversalResults().then(data => {
cy.writeFile('./results-universal.json', data)
})
})使用サービス
使用サービスは、組織内でのAxe DevTools for Webの利用傾向を洞察することを可能にします。
環境変数
これらの環境変数を使用すると、使用サービスを構成し、報告されたイベントのプロパティを変更することができます。
| 名前 | タイプ | 上書き可能 | 説明 |
|---|---|---|---|
AXE_DISTINCT_ID |
文字列 | — | ログイン中のユーザーに対して同一であるUUID識別子(再生成されない限り) |
AXE_METRICS_URL |
文字列 | — | REST使用エンドポイントのURL |
AXE_TRACK_USAGE |
ブール値 | — | 使用サービスのレポートを有効にします(デフォルトはfalseです) |
AXE_APPLICATION |
文字列 | false | アクセシビリティエラーのチェックに使用されたアプリケーション |
AXE_DEV_INSTANCE |
ブール値 | true | このイベントがソフトウェア開発者の行動によるものかを示します。開発またはテスト中に記録されたイベントをマークし、後で削除するのに便利です。 |
AXE_DEPARTMENT |
文字列 | true | 組織内でのユーザーの部署 |
AXE_KEYCLOAK_ID |
文字列 | false | ユーザーのKeycloak ID |
AXE_LOGGED_IN |
ブール値 | false | テスト対象アプリケーションにユーザーがログインしているかどうかを記録します |
AXE_ORGANIZATION |
文字列 | true | ユーザーの組織 |
AXE_SESSION_ID |
文字列 | false | ユーザーのセッションを識別するUUID |
AXE_USER_ID |
文字列 | false | 特定のユーザーの名前やログインIDなどのアイデンティティ |
AXE_USER_JOB_ROLE |
文字列 | false | ユーザーの役割 |
AXE_USER_STATUS |
文字列 | false | ユーザーに紐づけたいステータス情報 |
cy.task('enableTracking', <boolean>)
このCypressタスクは、ユーザーが使用サービスにデータを送信することを選択することを可能にします。
cy.task('setTrackingUrl', <string>)
このCypressタスクは、使用状況メトリクスデータの送信先を変更することを可能にします。
cy.task('setDistinctId', <string>)
このCypressタスクは、保存または使用される固有のIDを変更することを可能にします。
次のステップ
Axe DevTools for Webのインストールに問題がある場合は、直接Deque担当者に連絡するか、サポートデスク経由で私たちにご質問ください、またはメールを送信。セットアップをお手伝いさせていただきます。
