ユーザーガイド テストレコーダー ウェブレコーダー

 例：ウェブレコーダーを使ったテストの録画

例：ウェブレコーダーを使ったテストの録画

この例では、ウェブレコーダの使用に関するすべてのステップを説明します。この例に従うことで、ウェブレコーダを作業に簡単に組み込むことができるようになります。

前提条件：

• TestArchitectクライアントのユーザーインタフェースの基本的な理解です。
• TestArchitectテストエディタへの親しみです。
• TestArchitectのリポジトリ、プロジェクト、およびテストの基本的な理解です。

では、始めましょう

1. TestArchitectで新しいテストモジュールやアクション定義を作成することも、既存のものも編集のために開くこともできます。必要であれば既存のものを チェックアウトしてください。

2. ウェブレコーダーが記録したアクション行を挿入する行にセルポインタを置きます。

3. TestArchitectのメニューバーからツール > ウェブレコーダーを選択します。

   ファストパス： キーボードでCTRL+F6を押すか、ツールバーの ウェブレコーダー ボタンをクリックします。

4. TestArchitectのウェブレコーダーダイアログにURL https://gdemo-shop.netlify.appを入力し、録画ボタンをクリックします。
   

5. ウェブレコーダーセッションが開始したら、ブラウザで以下の手順に従ってください：

   1. Khaki Suede Polish Work Boots商品のAdd to Cartボタンをクリックします。

   2. Camo Fang Backpack Jungle商品のAdd to Cartボタンをクリックします。

   3. Highest Priceのスライドバーを50ドルと140ドルの間に調整します。

   4. Only Show Sale Itemsのトグルボタンをクリックします。

   5. Cotton Black Cap商品のAdd to Cartボタンをクリックします。

   6. ウェブページの右上にあるShopping Cart アイコンをクリックします。

   7. 少しスクロールダウンして、メールアドレスを入力します：[email protected]。

   8. 次に、クレジットカード情報を入力します。以下のテスト情報を使用してください：
      

      注意: 
      ウェブレコーダーは、アクション行とロケーターを自動的に生成し、それらをリアルタイムでテストに直接送信します。

6. さて、テストにチェックポイントを挿入してみましょう。

   1. 新規ステップの追加 ボタンをクリックして、チェックポイント挿入モードを有効にします。

   2. Total ラベルをクリックして確認します。
      

   3. 新規ステップの追加ダイアログで、アクションの選択コンボボックスでcheck control propertyを選択します。次に、PropertyフィールドにinnerTextと入力します。Expected valueを確認し、「追加」ボタンをクリックします。

   4. 次に、録画の停止ボタンをクリックし、確認ダイアログで「OK」ボタンをクリックします。

7. これで、上記のすべての操作がTestArchitectエディタに表示されています。
   

8. TestArchitectクライアントでテストを実行して、結果を確認します。

9. 結果は次のようになります：