Create UI Identifiers


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.


Familiarity with UI Identifiers, XPath and CSS Selectors is recommended for this guide. 


If you are not familiar with any of these, please use the Testsigma Chrome Extension to get the UI Identifiers easily. Please check the following article that describes the usage of Testsigma Chrome Extension - How to create UI Identifiers for mobile Web Application using Chrome extension?


Also, you can make use of the Advanced Options in Create UI Identifiers page if you need more control or if you are using a Browser Version unsupported by Testsigma Chrome Extension.

Please check the following guide for usage of Advanced Options - How to create UI Identifier with Advanced Options?


Navigation

Assuming your familiarity with UI Identifiers, we can move onto creating UI Identifiers manually. 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 three buttons. They are:


Creating UI Identifiers - without Advanced Options


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




Enter the details as given below:


Name: Enter the name that is used for UI Identifier.


Screen Name: Screen Name will be helpful to group you identifiers by each screen in your application. This helps to you search identifiers in each screen in your application.


Advanced Options: Use advanced options to create an XPath or CSS Selector interactively using the Testsigma UI Identifier creator. Please check the following article for a detailed guide on using Advanced Options - How to create UI Identifier with Advanced Options?


Identifier Type: Select the suitable locator from a drop-down box:

  • XPath
  • CSS
  • id
  • name
  • link text
  • partial link text
  • class name
  • tag name


UI Identifier: Enter the value for the UI Identifier type you previously selected.


Please refer this article to learn how to use Chrome Developer Tools to get the UI Identifier - How to get UI Identifier using Inspect Element option in Chrome Developer Tools?

Also, you may check out this short video with an example of using the Chrome Developer Tools:





Finally, click on Create button to finalize the creation. You can see the success notification for the newly created UI Identifier.



Happy Automation Testing!