Testsigma provides a UI Identifiers page which is helpful for the testers to manage UI Identifiers while avoiding duplicates and without modifying the Test Scripts directly.


Navigation

We can navigate to the UI Identifiers page by going through:


Applications > Select Application > Select Version > UI Identifiers


The landing page looks as given below:



On the top right corner, we can see five buttons. They are:

  • Import: Use this option to import UI Identifiers from an Excel or JSON file. Please check this article for more details - How to Import UI Identifiers?
  • Export: Use this option to export the list of UI Identifiers to an Excel or JSON file.
  • Copy from Other Version: Use this option to copy the UI Identifiers from another Version of the same Application in Testsigma. Please check this article for more details - How to Copy UI Identifiers from one Application Version to another?
  • Create: We will be discussing about creating UI Identifiers in the following section.
  • Filter: Use this option if you want to filter the UI Identifiers on the basis of Name, Identifier Type, Screen Name, UI Identifiers as shown below:







Create UI Identifier using Testsigma UI Identifier Chrome plugin


Clicking on the Create button on the top right corner opens the Create UI Identifier page with the input fields mentioned below:



1. In the Create UI Identifiers page, click the Click here link in the notification text below the checkbox to install Testsigma chrome extension. We will be taken to Chrome extension page.


2. Install the extension and click on the Click here to retry now link to refresh the page and load the plug-in. The notification would disappear if the extension is installed successfully.

Note: Testsigma Extension is available only for Chrome Browser. Please enter the UI identifier path manually for other browsers.


3. Check the Enable this checkbox at the top of the page to start capturing UI Identifier locator string.




4. Now, open a new tab and launch the Application from which you want to fetch the UI Identifier locator string.


5. Hover(Mouse-over) on the element with the mouse. You will see a green border on the currently selected Element as shown below:



Here, we are trying to fetch the locator string for the LOGIN button. You can see the green border for the currently selected element. Left click with the mouse and the locator string will be updated in Testsigma Edit UI Identifiers page automatically.


6. Switch back to the Testsigma Create UI Identifier page. As you can see, the UI Identifier field has been filled automatically.





7. Click on the Create button in the bottom right corner to save changes. That's all we need to do in order to Create UI Identifiers using the Testsigma Chrome Extension.


Here's a short video depicting the process in detail:





Happy Automation Testing!