Web テスト入門（コードレステスト）

ようこそ

サインアップが完了すると、Testim のホーム画面にリダイレクトされます。

さっそく最初のテストを作成してみましょう。

チュートリアルのユースケース

Testim でテストを作成する際は、対象の Web サイトを開いてテストしたい操作を記録します。各ステップのプロパティは後から編集でき、検証（バリデーション）も追加できます。 このチュートリアルでは Testim のデモサイト「Space & Beyond」を使用し、ログイン手順をテストします。

テストを記録する

テストを記録する手順:

1. Create Test をクリックします。

エディターで新しいテストが開きます。ここでテストの記録、検証の追加、ステップの編集を行います。

2. ツールバーの赤い Record ボタンをクリックします。

既定の Base URL にデモサイトの URL「demo.testim.io」が設定されている場合は、新しいブラウザウィンドウが開き、Space & Beyond サイトが表示されます。そのままステップ 4 に進みます。Base URL が未設定の場合は Start A New Test ウィンドウが開きます。

3. Your app URL フィールドにデモサイトの URL「demo.testim.io」を入力し、Create Test をクリックします。 新しいブラウザウィンドウが開き、Space & Beyond サイトが表示されます。このウィンドウが Application Under Test (AUT) です。このウィンドウで行った操作が記録され、Testim のテストとして保存されます。
4. AUT のブラウザで任意のユーザー名とパスワードを使ってログインします。

5. Testim エディターのブラウザに戻ります。 Space & Beyond サイトで実行した手順がテストウィンドウ上にアクションの一覧として表示されます。各ボックスはテスト手順のステップで、左上のアイコンは実行したアクションの種類（クリック、テキスト入力、スクロールなど）を示します。

6. Save をクリックします。 Save Test ウィンドウが表示されます。

7. Name フィールドに Space & Beyond Demo 01 と入力し、OK をクリックします。 テストが保存され、最初のテストが完成しました！

検証（バリデーション）の追加

テストを実行すると、フロー内のステップが順番通りに実行されるかは自動で検証されます。ただし、それぞれのステップで期待した結果が得られているかを保証するものではありません。必要に応じて検証ステップを追加し、アプリケーションが期待どおりに動作していることを確認しましょう。 このチュートリアルでは、ユーザーがログインした後にヘッダーバーの Login ボタンが「HELLO, JOHN」というテキストに置き換わることを確認する検証を追加します（このデモサイトでは入力したユーザー名に関係なく常に John が表示されます）。 テストを記録する手順:

1. Space & Beyond Demo 01 テストのエディター画面で、Click "LOG IN" ステップの右側にある最後の「+」ボタンにカーソルを合わせます。

2. "M"（Testim の定義済みステップ）をクリックします。 定義済みステップのメニューが開きます。

3. Validations をクリックします。 Validation セクションが展開されます。

4. Validate element text を選択します。
5. AUT のブラウザで「HELLO, JOHN」のテキストをクリックします。

新しい Text Validation ステップがテストに追加されます。

現在のテストバージョンの結果を保存する手順:

1. ヘッダーバーの Save ボタンをクリックします。

2. Message フィールドにテストバージョンの説明（任意）を入力し、OK をクリックします。 検証を追加したテストが保存されました。次はテストを実行してみましょう。

テストの実行

テストをローカルで実行する手順:

1. エディター画面でツールバーの Play ボタンをクリックします。

新しいブラウザが開き、デモサイト上でテストのアクションが実行されます。テスト完了後、ポップアップに成功したかどうかが表示されます。

テスト結果の確認

エディター画面ではテスト結果を確認できます。画面上部には全体の実行状況が表示され、各ステップの上にあるカラーアイコンでアクションの成功／失敗がひと目でわかります。

特定のアクションの詳細結果を確認したい場合は、そのステップをダブルクリックします。該当アクションの結果画面が表示されます。

テストが失敗した場合は、失敗の原因に関する詳細情報が表示されます（次の例では、検証で「Goodbye」を期待していたのに対し、実際の値が「Hello」でした）。