Example: Web Interface Viewer

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


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 > Web Interface Viewer.

    Fastpath: Alternatively, press CTRL+F7 on your keyboard, or click the Web Interface Viewer button on the toolbar.

  3. Input the URL https://gdemo-shop.netlify.app to Web Interface Viewer 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 Web Interface Viewer toolbar, you can notice that the locator of the inspected element is generated automatically here.


      The default locator type and value shown in the panel when you inspect element is called as Recommended , which is unique and recommended by Web Interface Viewer. 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 Export 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.

Copyright © 2023 LogiGear Corporation. All rights reserved. LogiGear is a registered trademark, and Action Based Testing and TestArchitect are trademarks of LogiGear Corporation. All other trademarks contained herein are the property of their respective owners.

LogiGear Corporation

1730 S. Amphlett Blvd. Suite 200, San Mateo, CA 94402

Tel: +1(800) 322-0333