WebdriverIOデモプロジェクトのダウンロード

このデモプロジェクトは、WebDriverJSとMochaを使用してAxe DevTools for Webを利用する方法をユーザーに紹介し、既存のウェブプロジェクトと統合することなくレポートを生成できます。既存のプロジェクトにAxe DevTools for Webをインストールする方法については、バンドルからインストール、自分のアーティファクトリポジトリから、またはDequeのAgoraからのガイドをお読みください。

前提条件

これらのプロジェクトには、NPMまたはYarnを含むNode.js開発環境が必要です。また、WebdriverIOのインストール済みインスタンスも必要です。

サンプルカタログ

サンプルカタログは、既存のウェブプロジェクトと統合する必要なく、クローンして実行し視覚的なレポートを生成できる完全なWebdriverIOとMochaのサンプルプロジェクトを提供します。

使用方法

1. GitHubでDeque Examples Catalog リポジトリをクローンします:

   git clone git@github.com:dequelabs/axe-devtools-html-api-examples.git

   note

   GitHubへのアクセス設定によって異なるクローンコマンドを使用する必要があるかもしれません。上記のコマンドはSSHを使用しています。詳細はSSHでGitHubに接続するを参照してください。

2. WebdriverIOのサンプルに移動します:

   cd axe-devtools-html-api-examples/Node/webdriverio

3. ノードモジュールをインストールするには、npm installまたはyarnを実行します

4. テストスクリプトを実行するには、npm run testまたはyarn testを実行します

テストの実行が完了すると、結果はAxe DevTools for WebリポーターによってHTMLレポートにコンパイルされます。これらのレポートを使用すると、アクセシビリティスキャンの結果を簡単に把握できます。

必要に応じて、testfileでテストケースURLを変更し、再度テストを実行することで、ウェブアクセス可能な任意のページをスキャンするようプロジェクトを設定できます。

設定

最初は、このプロジェクト内のコンポーネントの1つ以上が環境と互換性がない場合があります。問題が続く場合は、Dequeの担当者に直接連絡するか、サポートデスクまたはメールを送るを通じてお問い合わせください。喜んでお手伝いいたします。