User Guide Test Recorder Web Recorder

 Example: Recording test with Web Recorder

Example: Recording test with Web Recorder

This example will run you through all the steps for using Web Recorder. After following this example you will be able to easily incorporate Web Recorder into your work.

Prerequisites:

• Basic understanding of the TestArchitect Client user interface.
• Familiarity with the TestArchitect test editor.
• Essential understanding of TestArchitect repositories, projects and tests.

Now, let’s get started!

1. In TestArchitect, create a new test module or action definition, or open an existing one for editing. Check it out if needed.

2. Place the cell pointer on the line where the Web Recorder should insert the recorded action lines.

3. From the TestArchitect menu bar, select Tools > Web Recorder.

   Fastpath: Alternatively, press CTRL+F6 on your keyboard, or click the Web Recorder button on the toolbar.

4. Input the URL https://gdemo-shop.netlify.app to TestArchitect Web Recorder dialog then click Record button.
   
   

5. After the Web Recorder session has started, follow the steps below in the browser:

   1. Click Add to Cart button of Khaki Suede Polish Work Boots product.

   2. Click Add to Cart button of Camo Fang Backpack Jungle product.

   3. Adjust the Highest Price slide bar between 50$ and 140$.

   4. Click the Only Show Sale Items toggle button.

   5. Click Add to Cart button of Cotton Black Cap product.

   6. Click Shopping Cart icon in the top-right of the Web page.

   7. Scroll down a little bit and input the Email: [email protected].

   8. Then input the Credit card information. Please use the test information as below:
      
      

      Notes: 
      WebRecorder will automatically generate action lines and locators and send them directly to your test in real-time.

6. Now we try to insert a checkpoint into our test.

   1. Click the Add new step button to activate insert checkpoint mode.

   2. We are going to check the Total label by clicking on it.
      
      

   3. In the Add new step dialog, select check control propertyin the Select an action combobox. Then type innerTextinto the Propertyfield. Review the Expected value and click Add button.

   4. Next, click Stop recording and OK button in the confirmation dialog after.

7. Now all of your interactions from above already displayed in TestArchitect Editor.
   
   

8. Run your test in TestArchitect Client to see the result.

9. The result should look like: