スクリプトを記録する
axe Expert 拡張機能は正式に廃止されました。詳細はaxe Expert 置き換えページをご覧ください。これらのページは2024年7月に削除されます。質問や懸念がある場合は、helpdesk@deque.comにメールしてください。
スクリプトは、テスト対象ページでのアクションを順番に記録し、後で自動的に繰り返せるようにするために、いつでも記録できます。スクリプトは特にaxe Monitorスキャンに適用すると便利です（たとえば、ページアクセス用のセッションを確立するためのログインスクリプト、非表示のフォームメニューやウィジェットを露出するための動的コンテンツスクリプト、または多段階プロセスで非表示のステップを有効にするスクリプトなど）。
スクリプト記録オプションパネルでオプションを選択することで、記録するイベントの種類を制御できます。このパネルはスクリプトパネルのオプションリンクからアクセスします。
始める前に： 最初に希望のスタートページがブラウザに表示されていることを確認してください。
-
スクリプトパネルで「録画開始」を選択します。
-
「記録」ボタンをクリックした後、ブラウザでウェブページを再読み込みします。希望する順序で、テスト対象ページ上でアクションを実行し始めます（たとえば、メイン水平メニューのデスクトップページリンクをクリックするなど）。
サイトと対話するにつれて、
Scriptsパネルのメインコンテンツペインにテーブルが表示され、各イベントの値が入力された行が現れ始めます（たとえば、Event列に'loadURL'イベントがあり、URL列には'http://abcdcomputech.dequecloud.com/desktops.php'と表示されるなど）。 -
すべての望むアクションの実行を完了したら、
Stop Recordingを選択します（これはStart Recordingボタンに置き換わっています）。
記録されたスクリプトを持つためには、どこかで記録を停止する必要があります。これにより、イベントテーブル上部のグレーアウトされていたアップロードリンクが有効になります。さらに、Stop Recordingが再びStart Recordingに戻り、Playボタンが下に表示されます。
記録は即時に停止し、記録されたすべてのアクションがスクリプトパネルテーブルの右コンテンツペインのイベント行として表示され、各列には値が入力されています。
すべてのイベントがすべての列セルにコンテンツ値を記録するわけではないため、フォーカスイベント型の詳細列など、空白になっている場合もあります。さらに、記録を停止すると、アクション列メニューで編集および削除オプションが有効になります。
CLIアクションの記録とエクスポート
Scriptsパネルを使用してCLIスクリプトを記録およびエクスポートします。
スクリプト記録およびエクスポート用に現在サポートされているCLIアクションには以下が含まれます：
- 変更 —
<input>、<select>、<textarea>の値を変更します - クリック — DOM内の要素をクリックします
- ナビゲート — 新しいページに移動します
将来的にはさらに多くのCLIアクションを追加する予定です。現在の機能により、ユーザーは1行のコードも書かずにCLIを始めることができます！
-
スクリプトを使用して分析したいウェブページに移動します。この例では、https://dequelabs.github.io/aget-demo-site/を開きました。
ブラウザページの中央に表示される満足度調査ダイアログ。このダイアログを消す小さなスクリプトを記録します。
-
ブラウザのデベロッパーツール（ここではmacOSのChromeを使用しています）を開き、「axe Expert Extension DevTools」タブに移動します。
Scriptsを選択します。
-
Start Recordingをアクティブにします。
アクティブになると、
Start Recordingボタンが赤くなり、アクティブな録画を示し、ボタン下のテキストがStop Recordingに変わります。
-
スクリプト記録がアクティブな状態で、DevToolsウィンドウを動かしてhttps://dequelabs.github.io/aget-demo-site/を表示させます。
Xを選択してダイアログウィンドウを閉じます。 -
axe Expert Extensionにフォーカスを切り替え
Stop Recordingを選択します。スクリプトパネルに、モーダルダイアログが消された際の少なくとも1つのアクションが表示されていることに注意してください。
-
axe Expertの左パネルで
Stop Recordingボタンを選択し、スクリプトパネルの内容を確認してください。Start Recordingボタンが有効になっています。また、スクリプトにはクリックイベントが含まれていることにも注意してください。Scriptパネルの右上四分円部分の四つのボタンのうち二番目のExport to AGetリンクの場所も確認してください。
-
CLIエクスポートプロセスを開始するために
Export to CLIを選択します。axe Expert Extensionはシステムファイルブラウザを表示します。CLIスクリプトを保存したいフォルダに移動します。.json拡張子を慎重に保持しながら意味のあるファイル名を付け、保存を選択します。
-
システムファイルブラウザウィンドウが閉じられ、DevToolsウィンドウの左下隅に保存成功メッセージと保存されたファイルの名前が表示されます。
-
保存されたJSONファイルをお好きなテキストエディタで開き、CLIスクリプトの内容を確認してください:
