Record Single Element Using Recorder

You can also selectively capture single element of a web application using Testsigma recorder. This article discusses how to capture a single element using the Testsigma test recorder.

Prerequisites

Before you begin, ensure that the Testsigma Chrome Extension is installed and a web application is available for testing.

Steps to Capture an Element

1. From the left navigation bar, go to Create Tests > Elements.
2. Click on Record on the top right corner.
3. This will open a new tab. Enter the URL from which you want to capture the elements. The Testsigma test recorder will appear and will be ready to start recording. Here, we entered the URL for Simply Travel Web.
4. Hover over the element you want to capture and make sure that it is highlighted in green (for example, here we are capturing the Login or Signup field):
5. Click on the hovered element and wait for the element to appear in the recorder.
6. Once you have captured the necessary element, click on Stop.
7. You'll be redirected to the Elements page, where you can see all recorded elements.

Here’s a quick GIF demonstrating how to record multiple elements for a web application.

Steps to Update an Element

1. From the left navigation bar, select Create Tests > Elements.
2. From the Elements list page. This will open the Element Details overlay.
3. In the Element Details overlay, click Edit. This will open the Update Element overlay.
4. In the Update Element overlay, manually update the details you want to change, and click Update Element.

5. You can also check the highlighted element in the Element Image section in the same overlay for your reference.

Creating an Element While Creating Test Case

1. From the left navigation bar, go to Create Tests > Test Cases, create a new test case or select an existing test case.
2. Click on element in any test step and choose Create Element from the dropdown. This will open the Create Element overlay.
3. Click on Record Element and follow the steps 3-8, mentioned in steps to create an element from the elements page to create an element.

Reusing Elements Recorded

1. Create a test case in which you will be reusing your pre-recorded elements.
2. Start recording test steps for the test case.
3. Hover over the element on the test step where you want to reuse the saved element and click on Change Element.
4. On Elements overlay, select the element you want to reuse.