Why Testsigma’s Chrome Extension?

To automate tests, we need the details of elements/objects we interact on a Mobile web page. For Example, if you want to automate a first name input box, you would need the details to uniquely identify or locate this input first name field on the web page and perform any actions on it. These details are created by developers at the time of developing the input box. These details could be id, name, class, XPath, or any other unique attribute it has.

What are UI Identifiers in Testsigma?

In Testsigma, we call element details as UI Identifiers.
There are 3 different ways to create UI identifiers in Testsigma. In this tutorial, we will talk about the simple and recommended approach i.e. using the Testsigma Chrome extension.

The Testsigma Chrome extension enables you to easily capture the details of elements as you interact with your Mobile web application in the browser.

If you are new to Automation Testing tools or someone who wants to save time by automatically capturing the CSS Selector and XPath locator details, we strongly recommend you to use the Testsigma Chrome extension for creating UI Identifiers. With this, we can capture/record the UI Identifier "FirstName" details easily.

What is Chrome Extension?

Testsigma uses the chrome extension to capture multiple attributes for an element and stores them. These multiple attributes become useful if there is a change in your Mobile web page and one of the test cases fails. The tool will look at other attributes to uniquely identify the changed element and pass the test. Thus, it also becomes important for the self-heal feature to work as intended.

Install Testsigma Chrome extension

Testsigma Chrome extension is available on the Chrome web store
Then, click on the “Add to Chrome” button in the top-right corner of the page and confirm the installation by clicking the "Add Extension" in the dialog box that pops up.
Once the extension is added to your Chrome browser, it will look like this(shown in video):

With the extension now properly installed, you are ready to start capturing elements and objects from a  Mobile web page.

If you haven't installed the Testsigma Chrome Extension yet, you will get the following notification asking you to Install it while creating your first Test Case. If you click on “Continue without installing”, it would mean you want to enter object details related to CSS and XPath manually. To avoid mistakes there, we recommend you to use the Chrome Extension. You can always add more details to the objects later.

<< Chapter 1: PreconditionsChapter 3: Sample Mobile Web App >>