For those who are getting started with Automated Tests, the most difficult part is to get accustomed to writing XPaths and unique UI Identifiers for locating Web page Elements(username, password fields, buttons, drop-downs, links e.t.c) on which they need to perform actions on. We understand this very well and therefore have come up with the Testsigma Test Step Recorder for Chrome.

Using Testsigma Step Recorder, you can record the Test Steps you want to automate using Google Chrome Browser and then use the same Test Case for running Tests on all the available Web Browsers.

Here's how to get started with the Test Recorder:

Installing the Testsigma Chrome Recorder extension

1. First of all, open your Chrome Browser and go to Chrome Extensions Store

2. Search for Testsigma, select the first one from the suggestions and install it

Creating the Test Case to add Steps

1. Create a new Test Case in your Testsigma App in which you want to add the recorded Test Steps.

How to add / edit / delete a Test Case?

If you have already created the Test Case, navigate to the Test Case details page.

2. Enter the Application URL that you want to automate and click on 'Start' button. The Go to NLP Statement will be added now.

Recording Actions using Testsigma Recorder

1. Click on the Record button on the top right corner to start recording.

A new Chrome Window will open up now. You are ready to record the Test Steps now.

Note: Please wait a few seconds until the the Web Page is fully loaded so that the extension can profile the page in background.

Once the first Web page is fully loaded, you may start interacting and performing actions on the page.

Also, there are a set of Keyboard and Mouse Controls that can be used to perform certain actions such as mouse over, selecting from drop downs, pausing recorder, skipping steps e.t.c

Testsigma UI Recorder for Chrome - Keyboard Controls and Gestures

2. Highlight the required element by hovering over the element first.

3. Once the correct element is highlighted, perform the action you want to record. 

4. Repeat steps 2 and 3 for all the actions you want to record. The steps performed by you will be recorded in background and added to the Test Case in Testsigma.

You may perform actions like Click on the element, Type value into the element e.t.c. 

5. Once the required actions are complete, switch back to the Testsigma Test Case page to see the recorded steps.

6. Rename the UI Identifiers if needed to make it more meaningful.

7. Perform a dry run right away to check the correctness of the Test Steps and modify or delete unwanted steps if there are any.

How to perform Dry Run to verify Test Case is correct

8. Check the Test Results to find the issues, fix the issues and repeat until the Test Case is passed.

9. Finally, add Assertions or verification steps as required.

That's all we need to do in order to record Test Steps using Testsigma Chrome Step Recorder.

Happy Automation!