ブラウザテスト¶

ブラウザテストは、実際のブラウザによるページアクセスをシミュレートし、ログイン、クリック、入力、要素の待機、テキストアサーションなどの完全なユーザー操作パスを録画する機能をサポートします。これにより、実際のブラウザ環境における Web アプリケーションの可用性とパフォーマンスを監視できます。

ブラウザプラグインを使用してページ操作を録画し YAML スクリプトを生成するか、YAML ファイルを直接アップロードします。システムが自動的に解析して可視化されたステップに変換し、指定された頻度で指定ノードで実行します。実行後は詳細な実行ログ、パフォーマンス指標、失敗時のスクリーンショットが提供され、ページレベルの障害を迅速に特定できます。

作成開始¶

作成 > ブラウザテスト に移動し、ブラウザテストルールの設定ページに入ります。

ステップ1：アクセスページの定義¶

URL：監視対象ページの開始アクセス URL を入力します。http および https プロトコルをサポートします。
詳細設定：展開すると、リクエスト設定、証明書、プロキシ、プライバシーオプションを設定できます。
- プライバシー：失敗時にスクリーンショットを撮る と 機密情報のマスキング がデフォルトで有効になっています。
  - スクリーンショットを有効にすると、テストが失敗した際にシステムが自動的に現在のページ画面をキャプチャし、問題の調査を支援します。
  - マスキングを有効にすると、スクリーンショットおよびログ内の機密情報が自動的に隠蔽されます。
名前：ブラウザテストルールの名前をカスタマイズします。現在のワークスペース内では同名のルールを作成できません。

ステップ2：テストノードの選択¶

テストを実行するノードを選択します。中国国内または海外（商用プラン以上のユーザーのみ）の 1 つ以上のノードを選択し、異なる地域からの実際のブラウザアクセス体験をシミュレートできます。

ステップ3：操作ステップの設定¶

ブラウザテストは YAML スクリプトを使用してページ操作のステップを定義します。以下の 2 つの方法でインポートできます。

ブラウザプラグインからのインポート：browser-dial Recorder プラグインをダウンロードしてインストールし、ブラウザでページ操作を録画した後、生成された YAML ファイルをワンクリックでインポートします。
YAML の直接アップロード：ローカルで作成した既存の YAML スクリプトファイルをドラッグ＆ドロップまたはクリックしてアップロードします。

アップロード後、システムは自動的にスクリプトを解析し、解析ステータス、ステップ数、変数数を表示します。解析が成功すると、ページに変数設定 と 可視化ステップ が表示されます。解析が失敗した場合は、具体的なエラーが表示され、保存ができなくなります。

変数設定¶

変数は YAML スクリプトの解析から生成され、通常テキストと機密情報の 2 種類をサポートします。

通常テキスト：平文で編集および表示できます。
機密情報：デフォルトでマスキング表示され、保存後は平文での再表示をサポートしません。変更する場合は、新しい値のみを再入力できます。

可視化ステップ¶

解析後のステップは、可視化カード形式で表示されます。ステップ番号、操作タイプ、ターゲット要素、期待値などの情報が含まれます。デフォルトでは最大 6 ステップまで表示され、超過分は自動的に折りたたまれ、クリックですべてを展開できます。一般的な操作タイプには、ページを開く、テキストを入力する、要素をクリックする、要素の出現を待つ、テキストをアサートするなどがあります。

個々のステップをクリックして期待値を編集するか、YAML モードに切り替えてスクリプトの内容を表示および変更できます。YAML モードから可視化モードに戻ると、変更が同期して更新されます。

注意

スクリプトのステップ数の上限は 100 ステップです。超過した場合は、余分なステップを削除するか、簡略化したスクリプトを再アップロードする必要があります。そうしないと、システムは保存を許可しません。

ステップ5：実行戦略¶

実行頻度：テストタスクの実行頻度を選択します。1 分、5 分、15 分、30 分、1 時間、6 時間、12 時間、24 時間などの固定オプション、またはカスタム Crontab 式をサポートします。
失敗時の再試行：デフォルトでは無効です。有効にすると、ネットワークタイムアウト、要素待機タイムアウト、アサーション失敗などによりテストが失敗した場合、システムは設定された再試行回数（0～3 回）と間隔（5～300 秒）に従って自動的に再実行します。
- いずれかの再試行が成功した場合、今回のテスト結果は「再試行成功」と記録されます。
- すべての再試行が失敗した場合、今回の結果は「失敗」と記録されます。

スクリプト解析の失敗は再試行のトリガーとなりません。

テスト結果の確認¶

テスト一覧¶

ブラウザテストが実行されると、テスト一覧ですべての実行レコードを確認できます。デフォルトでは以下の情報が表示されます。

ステータス：成功、失敗、再試行成功、実行中。
時間：今回のテストの実行時間。
ルール名：ブラウザテストルールの名前。クリックすると詳細に移動します。
URL アドレス：開始アクセスページ。
テストノード：テストを実行したノードの名前。
失敗タイプ：ネットワークタイムアウト、要素待機タイムアウト、アサーション失敗など。
合計時間：今回の実行の合計時間。

テスト詳細¶

一覧のルール名をクリックして詳細ページに移動します。上部には、ステータス、実行時間、タスク名、時間、ブラウザタイプ、テストノード、URL アドレスが表示されます。右側の ... をクリックしてドロップダウンを展開し、JSON ファイルのエクスポートとルール詳細の表示が可能です。

詳細ページは 3 つのタブに分かれています。

1. 実行詳細

失敗サマリー：テストが失敗した場合のみ表示され、失敗理由をまとめます。
再試行レコード：実行中に再試行がトリガーされた場合、各再試行の時間と結果を表示します。再試行が発生しなかった場合は表示されません。
実行ステップ：各ステップの実行結果をテーブルで表示します。上部には総ステップ数と成功/失敗/未実行の数がまとめられています。ステップをクリックして展開し、詳細（操作タイプ、ターゲット要素、タイムアウト時間、現在のページアドレス、失敗理由、スクリーンショット、Console エラー、リソース読み込み失敗数）を確認できます。
主要指標：TTFP（初回バイト時間）、Loading Time（ページ読み込み時間）、LCP（最大コンテンツ描画）、CLS（累積レイアウトシフト）、Total Duration（合計時間）を表示します。

設定で失敗時のスクリーンショットが有効になっている場合、該当するステップで失敗時のページスクリーンショットを表示できます。

入力ステップ内の機密情報変数は、詳細では ******** のようにマスキングされた値として表示されます。

2. 変数

今回の実行で使用された変数とその値を表示します。機密情報変数はマスキングされた値のみを表示します。

3. 拡張属性

今回のテストのすべてのフィールド情報を表示します。