How to capture UI controls on Mozilla Firefox and Microsoft Edge?

Due to the fact that automated testing of Microsoft Edge and Mozilla Firefox on Windows is now supported through WebDriver and GeckoDriver, respectively (learn more), use of the Interface Viewer and point-to-identify tool are also no longer supported in TestArchitect.

In order to capture UI controls on Microsoft Edge and Mozilla Firefox, there are two ways:

Use of the Developer Tools

  1. Invoke the Developer Tools.

    • Microsoft Edge: Press F12
    • Mozilla Firefox: Press Ctrl + Shift + I
  2. Identify the property value of desired UI controls.

    • Microsoft Edge and Mozilla Firefox: Activate the node picker by clicking its icon . After that, as you move the mouse around the HTML page, the UI control under the mouse is highlighted. Click the UI control to select it.



  3. Select a property value.

    Remember:
    It is highly recommended that you choose the following properties to capture UI controls on web browsers.

    1. id
    2. name
    3. xpath For example, we select id ="lst-ib" to identify the desired UI control. And then manually input the selected property into the interface entity’s editor.
                           ta name            ta class          id
    interface element      google search      input-text        lst-ib
    

    ta name ta class id interface element google search input-text lst-ib And now, you can use this element for your test script.


Copyright © 2024 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 (650) 572-1400