Why Testsigma’s Chrome Extension?
To automate tests, we need the details of elements/objects we interact on a 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.
In Testsigma, we call these 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 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 Testsigma Chrome extension for creating UI Identifiers. With this, we can capture/record the UI Identifier "FirstName" details easily.
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 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.
Testsigma Extension - Chrome Web Store page
Testsigma Extension - Install Prompt
Once the extension is added to your Chrome browser, it will look like this:
With the extension now properly installed, you are ready to start capturing elements and objects from a web page.
Continue to the next chapter.
Installation Steps while creating Test Case
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.
Click on “Add to Chrome”
When you click on the “+Add to Chrome” button, you will be taken to the Chrome Extension page where it can be installed from, the page will look like below.