Test Cases for Mobile Web Application


Quickly create test cases for mobile web applications! 📱

Using the Testsigma test recorder, you can easily create test cases for mobile web applications using Chrome Developer Tools 🛠️. This article discusses how to create test cases for mobile web applications.


Prerequisites


Steps to Create Test Cases for Mobile Web Apps

  1. From the left navigation bar, go to Create Tests > Test Cases, and click Create Test Case. Test Cases
  2. On the Test Case Details page, click on Record on the top right corner. Test Case Details
  3. This will open a new window. Enter the URL from which you want to capture the test cases. The Testsigma Recorder will appear and be ready to start recording. In this case, we are recording a test case for the 1mg website. New Window
  4. Press F12 to open Chrome Developer Tools and dock the tools to the right side of the window for a better experience. F12
NOTE:

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

  1. Click on >> and select Testsigma Recorder from the dropdown menu. Testsigma Recorder
  2. This will open Testsigma Recorder on the Developer Tools screen. Recorder on Dev Tools
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.

  1. Once you have selected the dimension, record test steps by performing actions on the website. Test Cases for MWA