この記事では、ビジュアルテストを作成および変更する方法について説明します。
ビジュアルテストの作成
新しいビジュアルテストを作成するには、右上のホームアイコンをクリックします。その後、次のステップに従ってください。
- [新規作成] ボタンをクリックします。
- ドロップダウンから 新規ビジュアルテスト を選択して、ビジュアルテスト作成フォームを表示します。
ビジュアルテスト作成フォーム
- [テスト名] フィールドでテスト名を指定します。
- アプリケーションURLを定義する必要があります。これを行うには、次の3つの方法があります。
- プランに追加: テストを既存のプランに追加すると、テストはプランに関連付けられたアプリケーション、環境、アプリケーションURLを使用します。
- アプリケーションに関連付け: テストをアプリケーションに関連付けると、テストは関連付けられたアプリケーションURLを使用します。複数の環境またはアプリケーションURLを持つアプリケーションの場合、トレーニングに使用する環境またはアプリケーションURLを指定する必要があります。
- 新しいURLから開始する: ワークスペース内でアプリケーションやプランに関連付けられていないURLをテストするには、[Enter a starting URL to use to train your test] ボックスにチェックを入れ、URLを入力します。
- [トップページ] フィールドに、ページのURLを最大50個入力します。
- [トップページ] フィールドに列挙したURLにログインステータスが必要な場合、次の手順で自動ログインフローを追加します。
- [オプションの設定] を展開します。
- テストがプランに関連付けられていない場合は、クレデンシャルを選択します。
- [ログインフローを追加する] にチェックを入れます。
- [作成] ボタンをクリックします。
テストを作成した後、テストの詳細ページが読み込まれ、アクセス先のページのリストと、mablが生成した "Visual Smoke Test" というフローが表示されます。
URLでの変数の使用
アクセス先のページのリストを作成するとき、次の変数を使用できます。
-
{{@web.defaults.url}}
: この変数には、プランのアプリケーションURLが自動的に割り当てられます。 - 環境変数
たとえば、ステージング環境と本番環境でビジュアルテストを実行する場合、URLを次のように指定できます: {{@web.defaults.url}}/product
。
- ステージング環境のURLは、
https://staging.mabl.com/product
になります。 - 本番環境のURLは、
https://mabl.com/product
になります。
ビジュアルテストの編集
ビジュアルテストでは、次のプロパティを編集できます。
URLのリスト
[Pages to visit] の横にある鉛筆アイコンをクリックします。
テストのメタデータ
テスト名、説明、ラベルを更新するには、左上の鉛筆アイコンをクリックします。
ビジュアルスモークテストの編集の制限事項
ビジュアルテストのテストステップはmablによって自動生成されます。このため、ビジュアルテストでテストステップを追加または編集することはできません。
- ビューポートを変更することはできません。現在、ビューポートはすべてのブラウザーで1366×3072に設定されています。
- ビジュアルテストにはWaitステップを追加できません。
- ビジュアルテストでは、自動ポップアップ消去やインテリジェント待機など、ブラウザテストで利用可能な追加機能はサポートされていません。
ビジュアルテストにおいて、動的コンテンツ領域を識別するための視覚的変化を学習はまだサポートされていません。また、ビジュアルテストで視覚的変化の検出において無視する領域を指定することもまだできません。
これらの制限事項の中で、優先的に改善・対応してほしい項目がある場合や、追加機能に関する要望がある場合は、productportal.mabl.comからお知らせください。