1 回の記録からすべてのブラウザーとデバイスへ

一度記録して、どこでもテストする

Web テストは、普段使っているブラウザーで一度記録するだけです。あとは GUI Test Runner-Recorder が、選んだすべてのブラウザー、デバイス、向きについて同じテストを作ります: Chrome、Edge、Firefox、iPhone、Android のスマートフォンとタブレット、ノート PC とデスクトップの画面サイズ、縦向きと横向きです。

それぞれは記録したテストのバージョンで、ブランチと呼びます。ブランチは同じページで同じステップを実行しますが、ページ自身の要素を通じて行います: ボタンは記録時にあった場所ではなく、そのブラウザーとその画面が表示する場所でクリックされます。アサーションの画像も、そのデバイスが実際に表示する内容から切り出し直されます。

ブラウザーとデバイスを選ぶ

Web アプリを記録するとき、アドレスの下にあるこのテストを他のブラウザーとデバイス向けにも生成するにチェックを入れます。その下に選択肢が開きます。

拡大

一覧の見出しのボックスにチェックを入れるとその一覧のすべての行に、グループのボックスにチェックを入れるとその下のすべてのデバイスにチェックが入ります。一覧の下には、それで何件のテストになるか、作成にかかる時間、使用するディスク容量が表示されます。すべてを順番に実行すると 1 時間を超える場合は、その旨の注記が表示されます。

テストを保存すると、ブランチはすぐにバックグラウンドで作成されます。画面右下の小さなカードに進み具合が表示され、キャンセルを押すと現在のブランチが終わった時点で止まります: 作成済みのブランチはすべて残ります。保存後のメッセージには、いくつ作成され、いくつが要確認かが表示されます。

言語、ネットワーク、ズーム、動き

言語、ネットワーク、ズームタブでは条件を追加します。チェックを入れた条件はそれぞれ独立したブランチになり、選んだブラウザーとデバイスと組み合わされます。各グループの最初の行は、ページをそのままの状態で実行する選択肢です。

拡大

各バージョンが行うこと

ブランチは、記録したテストをそのブラウザーとデバイスでステップごとに再生し、その際に行った内容を書き留めることで作成されます。

すべてのステップが要素を見つけられれば、ブランチは準備完了です。実行できなかったステップがあると、ブランチは要確認の状態になります: GUI Test Studio で開くと、そのステップには琥珀色の角が付き、「プロパティ」パネルに理由が表示されます。

ブラウザーウィンドウなしで

ブランチはウィンドウなし (ヘッドレス) で実行できます: ブラウザーはウィンドウを持たずに動くので画面には何も表示されず、実行中もコンピューターを自由に使えます。スマートフォン、タブレット、条件付きのブランチは常にこの方法で実行されます。デスクトップのブランチも、テストが許可していればこの方法で実行され、これは既定でオンです。

このスイッチは、どちらのアプリでも、テストのプロジェクト設定の「Web アプリ」カードにあります。別のプログラムのウィンドウなど、ページから見えないものを操作するステップを持つテストはウィンドウありで実行され、設定にその理由が表示されます。

実行する

ブランチのある Web テストでテストを実行をクリックすると、GUI Test Runner-Recorder は今回の実行でどれを対象にするか尋ねます。

拡大

1. 1

   実行する項目にチェックを入れる

   生成済みのブランチにはすべてチェックが入っています。今回不要なもののチェックを外すか、デバイスやグループ全体にまとめてチェックを入れます。まだ生成されていないブランチは灰色で表示されます。

2. 2

   予想時間を確認する

   一覧の下の時間は、前回それぞれにかかった時間と、一度も実行していないものについてはテストの長さから計算されます。あくまで目安です: 遅いものを待つアサーションがあると、実行は長くなることがあります。

3. 3

   実行する

   ウィンドウを必要としないブランチは、コンピューターの性能に応じて最大 4 件まで同時に実行され、残りは順番に実行されます。終了すると、1 つのウィンドウにすべての実行の判定がレポートとともに一覧されます。

拡大

同時に実行するかどうかは設定で選べます: 設定、環境設定、全般にあり、実行時の質問にもスイッチがあります。

GUI Test Studio で確認と編集をする

ブランチのある Web テストでは、GUI Test Studio の左側の列に「ブラウザーとデバイス」パネルが表示されます。パネルはブランチをツリーとして描きます: 記録したテスト、続いて各ブラウザー、各デバイス、各向きで、それぞれに状態と前回の実行結果が付きます。

拡大

1 つだけ、またはすべてを編集する

ステップの動作を変更してからブランチを保存すると、GUI Test Studio はその変更をすべてのブラウザーとデバイスに適用するか、このブランチだけにするかを尋ねます。画像や時点の変更は常にそのブランチだけにとどまります。

記録したテストのステップの動作を変更してから保存すると、そのテストからすべてのブランチを作り直すすべてのブラウザーとデバイスを更新か、そのままにするかを選べます。

GUI Test Studio から特定の 1 つを実行する

テストを実行の横の矢印には保存して特定のブラウザーまたはデバイスで実行があり、さらに保存してウィンドウなし (ヘッドレス) で実行と、実行を目で確認したいときの保存してブラウザーウィンドウありで実行があります。

レポートと履歴

結果に関しては、各ブランチは独立したテストです: それぞれにレポート、実行履歴、動画があります。信頼度レポートのブラウザーとデバイスボタンは、記録とすべてのブランチを前回の判定とともに一覧し、選んだもののレポートを開きます。

コマンドラインから

gtr-cli でもブランチを実行できます。gtr-cli infoはテストのブランチを、コマンドラインで使う名前とともに一覧し、「コマンドラインと CI/CD」ウィンドウにも一覧として表示されます。

gtr-cli run Checkout.GTS --branch all --junit results\junit.xml

gtr-cli run Checkout.GTS --branch msedge__iphone-15__portrait

gtr-cli generate Checkout.GTS --branch missing

実行専用テストには、生成済みのすべてのブランチを含められます。パイプラインでテストを実行するを参照してください。