Capture Single Element for a Web Project

In a Web project in Testsigma, you can selectively capture elements one at a time using the Testsigma recorder. This article discusses how to capture single element using recorder.

Prerequisites

• You should know how to create an web project in Testsigma.
• You should have Testsigma chrome extension installed.
• A Web app to test.

Steps to Capture an Element

1. Navigate to Create Tests > Elements.
2. Click on Record.
3. This will open a new tab. Enter the URL from which you want to capture the single element. The Testsigma test recorder will appear and will be ready to start recording. Here, we opened a new tab and entered the URL for Simply Travel.
4. Hover over the element you want to capture and make sure that it is highlighted in green (here we are capturing the username field):
5. Click on the hovered element and wait for the element to appear in the recorder.
6. Click on Capture, you will be redirected to the Elements page.
7. Check all the options and click on Create Element.

Here’s a quick GIF demonstrating how to create an element from the Elements page.

Creating an Element While Creating Test Case

1. Navigate to Create Tests > Test Cases, create a new test case or select an existing test case.
2. Click on Create Element.
3. Follow the steps 3-8, mentioned in steps to create an element from the elements page to create an element.

Steps to Create an Element From the Test Case Result Page

1. Navigate to Run Results and click on the run result you want to edit.
2. On the Run Results Details page, click on the test case result in which you want to edit the element.
3. Click the test step in which you want to edit the element and hover over the test step details on the right side of the page and click on edit.
4. You’ll get an Update Element overlay.
5. Click on Record Element to capture a new element. Refer to steps 3-8 from creating an element from the elements section for detailed information.

Updating Elements Using Recorder

1. Navigate to Create Tests > Elements and create a test case using the recorder.
2. Hover over the element you want to update and click on Edit Element.
3. On the Update Element overlay, you can update the Element Name, Screen Name, select the Element Type & Location.
4. Click on Update to finalize the changes.

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.
5. The element will be automatically updated.