- Elements (Objects)
- Web Applications
Record Single Element- Record Multiple Elements
- Create Elements
- Supported Locator Types
- Formulating Elements
- Shadow DOM Elements
- Verifying elements in Chrome DevTools
- Handling iframe Elements?
- Create Image Based Elements
- Dynamic Locators using Parameter
- Dynamic Locators using Runtime
- Using Environment Test Data for Dynamic Locators
- Locating Dynamic Elements in Date Widget
- Freeze & Inspect Dynamic Elements (WebPage)
- Locating Dynamic Elements in Tables
- Import/Export Elements
- Locator Precedence (Web Apps)
- Verify Elements from Test Recorder
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
Before you begin, ensure that:
- You have referred to the documentation on creating projects.
- You have referred to the documentation on creating applications.
- You have installed the Testsigma Chrome Extension. For more information on installing Testsigma Chrome Extension, refer to the documentation on Testsigma Chrome Extension.
- You have a mobile web application that is available for testing.
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.
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.
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.
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.
Want to contribute or report missing content?