If you want to know more about UI Identifiers, please check the following article: What is UI Identifier?

Now, here are a few different ways to create UI Identifiers for different Application Types:


Web Applications

1. For non Technical Users - Capture UI Identifier(element details) using Chrome Extension

Recommended for QA Analysts, SMEs, Managers or anyone who is not familiar to programming or coding in general.

How to record Test Steps using Testsigma Recorder for Google Chrome?


Note: In case of Failures, we have the following options:

a). If your steps are continuously failing because of dynamic classes or attributes on a web page, refer this document to identify dynamic classes and attributes and exclude them from Testsigma Chrome Recorder:

How to exclude/blacklist dynamic attributes/classes from Testsigma Recorder

b). If your steps are failing even after that, we would recommend you to try creating UI Identifiers manually as given in next section - Create UI Identifier Manually

c). If you are not familiar or comfortable with creating UI Identifiers manually, please contact Testsigma support team via chat and email for a free workshop/training.


2. For Technical Users - Create UI Identifier Manually

Recommended for SDETs, Test Automation Engineers e.t.c who are comfortable with XPath or CSS Selector and familiar with inspecting the HTML Code for identifying attributes like id, name, link text etc. for the Web page Elements in your application.

Web Application - How to create UI Identifiers manually?


3. For Technical Users - Create UI Identifier with Advanced Options

Recommended for Programmers or anyone who is familiar with HTML Code but not familiar intricacies of inspecting the Web page/Application for page Elements.

Web Application - How to create UI Identifier with Advanced Options?



Mobile Web Applications

Mobile Web Applications are similar to Web Apps but have been optimized for Mobile view.


Create UI Identifier with Advanced Options

Recommended for Programmers or anyone who is familiar with HTML Code but not familiar intricacies of inspecting the Web page/Application for page Elements.

Web Application - How to create UI Identifier with Advanced Options?


Create UI Identifier Manually

Recommended for SDETs, Test Automation Engineers e.t.c who are comfortable with XPath or CSS Selector and familiar with inspecting the HTML Code for identifying attributes like id, name, link text etc. for the Web page Elements in your application.

Simulate Mobile Devices with Device Mode in Chrome DevTools

Web Application - How to create UI Identifiers manually?


Android Apps

You may use any of your favorite app inspector(UI Automator, Appium Inspector, Macaca Inspector etc..) to identify the attributes of the element in your app.

Here are a few guides for usage of Appium Desktop Inspector:

How to inspect UI Identifiers for Android/iOS Apps using Appium Desktop Inspector?

How to record UI Identifiers for Android/iOS Apps using Appium Desktop Inspector?


In the below video, we will explain how to create UI Identifiers manually using Appium Inspector:

Manual XPath creation using Appium Inspector - Video


iOS Apps

You may use any of your favorite app inspector(Xcode, Appium Inspector, Macaca Inspector e.t.c ) to identify the attributes of the element in your app.

Here are a few guides for usage of Appium Desktop Inspector:

How to inspect UI Identifiers for Android/iOS Apps using Appium Desktop Inspector?

How to record UI Identifiers for Android/iOS Apps using Appium Desktop Inspector?


In the below video, we will explain how to create UI Identifiers manually using Appium Inspector:

Manual XPath creation using Appium Inspector - Video