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

• You should know how to create a project and application in Testsigma.
• You should have Testsigma chrome extension installed.
• A Web app to test.

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.

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.