Record Multiple Elements Using Recorder

Quickly capture elements for mobile web applications! 📱

Using the Testsigma Recorder, you can swiftly capture elements in mobile web applications using Chrome Developer Tools 🛠️. This article discusses how to capture elements for mobile web applications.

Prerequisites

You should know how to create a project and application in Testsigma.

You should have Testsigma chrome extension installed.

A mobile web app to test.

Steps to Record Elements for Mobile Web Apps

From the left navigation bar, go to Create Tests > Elements, and click Record.
This will open a new window. Enter the URL from which you want to capture the elements. The Testsigma Recorder will appear and be ready to start recording. In this case, we are recording elements for the 1mg website.
Press F12 to open Chrome Developer Tools and dock the tools to the right side of the window for a better experience.

NOTE:

Make sure you have selected Companion Mode located in the action bar at the top.

Click on >> and select Testsigma Recorder from the dropdown menu.
This will open Testsigma Recorder on the Developer Tools screen.

NOTE:

Select the dimension from pre-defined devices on which you want to record the elements. If the device required for your testing is not listed, you can add a custom device by selecting Edit from the Dimensions dropdown menu and clicking Add custom device.

Add Custom Device Some devices might have unique characteristics that will affect element display and interaction, and adding a custom device required for your testing is necessary to identify and resolve these issues.

Once you have selected the dimension, capture elements by clicking on them directly.

Record Multiple Elements Using Recorder

Prerequisites

Steps to Record Elements for Mobile Web Apps

Create Elements Manually

Create Elements Manually

Did you find it helpful?

Yes

No

Learn how to execute low code tests across 3000+ device / browser environments.