最初のテストを順を追って

短いシナリオを記録し、保存し、実行してレポートを読むまで、約 10 分。

例何をテストするか

よく知っているアプリでの短いシナリオです: メニューを開き、項目をクリックし、正しい画面が表示されることを確かめます。ログイン、検索、カートへの商品の追加はどれも最初のテストに向いています。

ガイド付きの方法: 練習ページ

GUI Test Runner-Recorder を初めて開くと、スタートガイドが、アプリに付属する小さな練習 Web ページで一緒に最初のテストを作ることを提案します。ページ自体が案内役です: 番号付きの 3 つの手順、名前の入力、答えの選択、ボタンのクリックがあり、それぞれがテストにどんな種類の操作が記録されるかを説明します。自分で用意するものは何もなく、全体で 10 分ほどです。ヘルプ、スタートガイドからいつでも始め直せます。

1
練習ページを記録する
ガイドが記録を強調表示します。続く質問はすでに練習ページに設定されています: もう一度記録をクリックするとページがブラウザーウィンドウで開くので、3 つの手順を行い、指示されたら Esc を押します。テストは「My First Test」として、記録に付くアサーションと一緒に、ドキュメントフォルダーへ自動的に保存されます。
2
実行する
ガイドが「テストを実行」をクリックするよう求めます。テストは同じページでクリックと入力を再生し、合格します。
3
GUI Test Studio を見て回る
GUI Test Studio で編集でテストがタイムライン上に開き、専用のガイドが記録、ステップ、アサーション、そしてブロックをタイムラインへドラッグする元になる「アサーション」パレットと「イベント」パレットを紹介します。何も変更する必要はなく、最後のカード GUI Test Runner-Recorder に戻るで戻れます。
4
変化したページでもう一度実行する
その間に、アプリが 2 つのバージョンの間で変わるように、練習ページが変化しています: ようこそメッセージが入力した名前を忘れ、その横のアイコンが正しくありません。テストは変わっていません。実行すると、信頼度レポートがそれを捕まえた 2 個のアサーションを開き、レポートの読み方のガイドも付いてきます。

始める前に

テストの開始時にあるべき状態でアプリを画面に出します: サインアウト済み、ホーム画面、カートは空、といった状態です。

記録する

1
「記録」をクリックする
GUI Test Runner-Recorder を開きます。ホーム画面にはテストを作成する 2 つの方法が並んでいます: 自分で記録の下にある赤い記録ボタンをクリックしてください。
1. 1記録する: 新しい記録を開始します
2. 2プロンプトからテストを作成: もう 1 つの方法: Claude にテストを説明します
2
何をテストするかを選ぶ
最初のテストでは画面全体を選びます。1 つのアプリ、Web アプリ、画面の一部、Android スマートフォンを選ぶこともできます。モニターが複数あるコンピューターでは、アプリはまずテストがどのディスプレイを使うかを尋ねます。
3
カウントダウンを待つ
アプリは脇に退き、3 秒のカウントダウンをします。その間にマウスに手を置いてください。
4
シナリオを実行する
ユーザーがするように、普通の速さでクリック、入力、スクロールします。操作する前に、各画面の読み込みが終わるのを待ってください。
記録中は小さなツールバーが画面に表示されます。これが記録に写ることはありません。一時停止 (F1) で記録に残さずに何かを準備でき、停止 (Esc) で記録を終え、もう一度記録でその記録を捨てて最初からやり直します。
5
Esc を押して停止する
アプリが戻ってきて、このテストが何を検証するべきかを尋ねます。

検証する内容を選んで保存する

毎回の記録の後の質問で、テストが自動的に受け取るアサーションが決まります。3 つのカードについてはテストが検証する内容を選ぶで説明しています: 最初のテストではそのままにしておきます。

3 つのカード (ビジュアル要素を検証、テキストを検証、表示される内容を検証) を持つ「このテストは何を検証しますか?」の質問

6
「テストを保存」をクリックし、名前を付ける
各テストには、テストの名前の付いた専用のフォルダーができます。テストの結果もそのフォルダーに保管されます。
保存には少し時間がかかります: このときにアサーションが作成され、クリックした各要素と画面に表示された内容に 1 つずつ付きます。

実行する

7
アプリをテストの開始地点に戻す
記録を始めたときと同じ画面、同じ状態にします。
8
「テストを実行」をクリックする
1. 1テストを実行: 実際の画面でテストを再生します
2. 2GUI Test Studio で編集: テストをタイムライン上に開きます
3. 3実行: 過去のすべての実行で、ダブルクリックするとレポートが開きます
9
実行中は手を触れない
短いカウントダウンの後、テストが自分でマウスを動かして入力し、画面上部の細い青いバナーがテストの実行中であることを示します。終わるまでマウスとキーボードに触れないでください。いつでも F2 を押せば中止できます。

レポートを読む

実行が終わると、信頼度レポートが開きます。上部のバナーが判定を示し、その下の一覧がすべてのステップとアサーションを順に表示します。アサーションをクリックすると、期待した内容と見つかった内容が並んで表示されます。

すべての実行が保持されます: テスト画面の実行カードが、結果、所要時間、合格したアサーションの数とともに、新しいものから順に一覧表示します。実行をダブルクリックすると、そのレポートがもう一度開きます。

GUI Test Studio で仕上げる

レコーダーがテストを書いてくれ、そのままで動きます。GUI Test Studio は、それを自分のものに仕上げる場所です: テスト画面の GUI Test Studio で編集をクリックしてください。

10
アサーションと重要なステップに名前を付ける
ブロックを選択して F2 を押します: 「サインインボタンを検証」、「ユーザー名を入力」のように。信頼度レポートとすべてのバグレポートが、「ビジュアルアサーション #3」の代わりに自分の言葉で語るようになります。
11
ステップをシナリオにグループ化する
1 つの部分のステップを選択して Ctrl+G を押します: 「サインイン」、「検索」、「購入手続き」のように。レポートが、実行がどの部分で停止したかを伝えるようになります。
12
必要な所を調整する
レコーダーが思いつかなかったアサーションを追加し、遅い画面には長めのタイムアウトを与え、プロジェクト設定でテストを説明します。そしてツールバーからもう一度テストを実行します。