概要
Web アプリケーションジャーニーでは、アカウント作成後のメール認証、忘れたパスワードのリセット、注文確認の通知メール、コンタクトフォーム送信後のメール確認など、メールをトリガーにしてユーザーのメールボックスに送信することがよくあります。
Web サイトで優れたユーザー体験を維持するためには、アプリケーションのメールメカニズムが適切に動作していることを確認することが必要です。
メール変数を作成
EMAIL というメール変数を追加するには
- Variables をクリックし、ドロップダウンメニューから Email を選択します。
- Add Variable をクリックすると、記録を開始するときに使用できる変数になります。
メール変数は、テストの実行ごとに Datadog が管理する一意のメールボックスを生成するため、ブラウザテストを競合なく実行することが可能です。
ステップを記録
メール変数を作成したら、アプリ内トリガーの後にメールが正しく送信されたか確認することが可能です。
Start Recording をクリックし、メールがトリガーされるまでのすべてのステップをメール変数で記録します。変数の手のアイコンをクリックすると、フォームやフィールドのテキスト入力にその値が挿入されます。
フォームを完成させるためのステップを記録した後、Sign Up ボタンをクリックして、メール通知をトリガーします。この記録セッションに合わせたメールが、Datadog のメールボックス (例: 838-n3q-q2y.6238933596@synthetics.dtdg.co) に送信されます。
メールの送信を確認
メールが送信されたことを確認するには、Assertion をクリックし、Test that an email was received を選択します。メールの内容が特定のガイドラインに従っていることを確認するために、件名と本文に追加の検証を追加することができます。
この例では、メールの件名が Welcome to Shopist! で、本文に Your verification code is... という文があり、検証コードが \d{1,6} 正規表現パターンに一致する場合にアサーションが成功します。
メール内のリンクを操作する
送信されたメール内のリンクをブラウザテストに操作させるには
- Navigation をクリックし、Go to email and click link を選択します。Next をクリックします。
- テストしたいリンクが含まれたメールが受信トレイに表示されます。Next をクリックします。
- ブラウザテストで移動させたいリンクを選択します。iframe またはポップアップの URL は、指定されたリンクに直ちに更新されます。Save Navigation Step をクリックします。
- iframe は、関連するページの URL にリダイレクトされます。ステップの記録を続けます。
この例では、ブラウザテストは Welcome to Shopist のメールを調べ、Verify your email by clicking here のリンクをクリックし、ユーザー登録メカニズムが期待通りに動作していることを確認します。
ブラウザテストの最終ステップとして、div コンテンツが適切なアカウント検証をトリガーすることを確認するためのアサーションを作成します。例えば、このページには Your account is now verified が含まれています。
その他の参考資料
