User Guide Interface definitions UI Mapify

 Example: UI Mapify

Example: UI Mapify

This example will drive you through all the steps for using UI Mapify. After following this example you will be able to easily incorporate UI Mapify into your work.

Prerequisites:

• Familiarity with the TestArchitect Client user interface. (Learn more)
• Basic understanding of the UI Mapify. (Learn more)

Now, let’s get started!

1. In TestArchitect, create a new interface entity, or open an existing one for editing. Check it out if needed.

2. From the TestArchitect menu bar, select Tools > UI Mapify.

   Fastpath: Alternatively, press CTRL+F7 on your keyboard, or click the UI Mapify button on the toolbar.

   
   
   

3. Input the URL https://gdemo-shop.netlify.app to UI Mapify dialog then click Start button.

   
   
   

4. Now we try to export a element into our interface entity.

   1. Click the Inspect element button to activate inspect element mode.

   2. We are going to capture the Add to Cart button by clicking on it.
      

   3. In the UI Mapify toolbar, you can notice that the locator of the inspected element is generated automatically here.
      

      Notes: 

      The default locator type and value shown in the panel when you inspect element is called as Recommended , which is unique and recommended by UI Mapify. You can select another Locator type in the Select Locator combobox to view the corresponding locator value.

   4. Input TA Name into the textbox.

   5. Click Save button to save the locator into TestArchitect interface.

5. Now your element from above already displayed in TestArchitect Editor.

   
   
   

6. Repeat the steps above with other elements to capture others locators.