ブラウザテスト

概要

ブラウザテストは、Datadog が Web アプリケーション上で実行するシナリオです。世界中の複数の場所からさまざまなブラウザおよびデバイスを使用して実行され、テスト間隔は自由に設定できます。これらのテストは、アプリケーションが稼働してリクエストに応答していること、シナリオで定義された条件が満たされていることを確認します。

MFA の背後にあるアプリケーションのテストに興味がありますか？専用ガイドを読み、フィードバックを送信して、チームにとって最も重要なシステムの構築をサポートしてください。

テストコンフィギュレーション

ブラウザテストの構成を定義します。

  2. Advanced Options (オプション): ブラウザテストに特定のオプションを設定します。
    • Headers: ヘッダーを定義して、デフォルトのブラウザヘッダーに追加またはオーバーライドします。たとえば、ヘッダーに User Agent を設定して、Datadog スクリプトを識別します。
    • Authentication: HTTP Basic、Digest または NTLM を使用し、ユーザー名とパスワードで認証を行います。HTTP Auth フィールドに追加された資格情報は、ブラウザテストのすべてのステップで使用されます。
    • Cookies: クッキーを定義してデフォルトのブラウザクッキーに追加します。複数のクッキーを設定するには、次の書式を使用します <COOKIE_NAME1>=<COOKIE_VALUE1>; <COOKIE_NAME2>=<COOKIE_VALUE2>。
    • Proxy URL: リクエストが通過する必要があるプロキシの URL (http://<YOUR_USER>:<YOUR_PWD>@<YOUR_IP>:<YOUR_PORT>)。
    • Do not capture any screenshots for this test: すべてのテストステップでスクリーンショットが撮られないようにするには、このオプションを選択します。このオプションは、個々のステップレベルで高度なオプションとしても利用できます。これは、テスト結果に機密データが含まれないようにするのに役立ちます。障害のトラブルシューティングが困難になる可能性があるため、慎重に使用してください。セキュリティに関する推奨事項について詳しくはこちらをご覧ください。
    2. Select your tags: タグはブラウザテストに紐付いています。<KEY>:<VALUE> フォーマットを使用して <VALUE> に Synthetic テストページ上の任意の <KEY> でフィルターを適用します。
    3. Browsers & Devices: テストを実行するブラウザ (Chrome、Firefox、Edge) とデバイス (Laptop Large、Tablet、Mobile Small)。
    4. Locations: Datadog 管理下のロケーションからテストを実行します。世界中どこからでも使用できる AWS ロケーションが各サイトに多数用意されています。Datadog for Government site には、West US (AWS GovCloud) ロケーションがサポートされています。また、プライベートロケーションをセットアップして、カスタムロケーションまたはプライベートネットワーク内からブラウザテストを実行することもできます。Datadog アプリでロケーションの完全なリストを参照するか、API を使用してください。
    5. How often should Datadog run the test?: 5 分間隔から週に一度までの間でインターバルを設定します。1 分の頻度はリクエストに応じて利用できます。

    グローバル変数を使用する

    Settings で定義したグローバル変数は、Starting URL のほか、ブラウザテストの Advanced Options でも使用できます。変数の一覧を表示するには、フィールドに {{ と入力します。

    アラート条件を定義する

    アラートの条件をカスタマイズして、通知アラートの送信をテストする状況を定義できます。

    • N のうち n の数の場所で、X の時間（分）継続してアサーションが失敗した場合は、アラートがトリガーされます。このアラートルールにより、通知をトリガーする前にテストが失敗する必要がある時間と場所の数を指定できます。
    • 場所が失敗としてマークされる前に、X 回再試行します。これにより、場所が失敗と見なされるために、連続していくつのテスト失敗が発生する必要があるかを定義できます。デフォルトでは、失敗したテストを再試行する前に 300 ミリ秒待機します。この間隔は、API を介して構成できます。
    ブラウザテストのアラートルール

    チームへの通知

    通知はアラート設定の条件に従って送信されます。通知を構成するには以下の手順に従ってください。

    1. ブラウザテストのメッセージを入力します。このフィールドでは、標準のマークダウン形式のほか、以下の条件付き変数を使用できます。

      条件付き変数説明
      {{#is_alert}}モニターがアラートする場合に表示
      {{^is_alert}}モニターがアラートしない場合に表示
      {{#is_recovery}}モニターがいずれかの ALERT から回復する場合に表示
      {{^is_recovery}}モニターがいずれかの ALERT から回復しない場合に表示

      通知メッセージには、このセクションで定義されたメッセージや、失敗した場所に関する情報が記載されます。

    2. 通知先のサービスあるいはチームメンバーを選択します。

    3. 再通知の頻度を指定します。テストの失敗を再通知しない場合は、Never renotify if the monitor has not been resolved オプションを使用してください。

    4. Save Details and Record Test をクリックします。

    ステップを記録する

    テストの記録を実行できるのは Google Chrome だけです。テストを記録するには、Google Chrome 用の Datadog test recorder をダウンロードする必要があります。

    ブラウザでのテストの記録

    1. 必要に応じて、ページの右上にある Open in a pop-up を選択して、別のポップアップウィンドウでテスト記録を開きます。これは、アプリケーションが iframe で開くことをサポートしていない場合、または記録時のサイズの問題を回避したい場合に役立ちます。シークレットモードでポップを開いて、ログイン済みのセッションや既存のブラウザからの Cookie などを使用せずに、新しいブラウザからテストの記録を開始することもできます。

    2. Start recording をクリックして、ブラウザテストの記録を開始します。

    3. 監視したいユーザージャーニーを通過するアプリケーションをクリックすると、アクションが自動的に記録され、左側のブラウザテストシナリオ内でステップを作成するために使用されます。

    4. 自動的に記録されたステップに加えて、左上隅にあるステップを使用して、シナリオを強化することもできます。

      ブラウザテストのステップ

      注: ブラウザテストによって実行されたジャーニーが期待される状態になったことを確認するために、常にブラウザテストは、アサーションで終了する必要があります。

    5. シナリオが終了したら、Save and Launch Test をクリックします。

    その他の参考資料

    お役に立つドキュメント、リンクや記事:

    ブラウザテストによるユーザーエクスペリエンスの監視ブログ more more Synthetic テストの紹介ラーニングセンター more more ブラウザテストの概要DOCUMENTATION more more エンドツーエンドテスト作成のベストプラクティスブログ more more Synthetic モニタリングガイドDOCUMENTATION more more