×

Testing a Web Application

In this tutorial, you will learn how to manually test a web application with webmate on a real mobile device and on a simulated desktop machine.

Open a Project

Sign in to the webmate web app at app.webmate.io:

From the Project Overview, open a project to work on:

Choose a Mobile Device

On the Project Dashboard, click on the Device Slot Overview to view a detailed list of the devices and device slots in the project:

From the list of device slots in the project, find one with an icon that depicts mobile devices (as indicated) (1) and click Deploy device on that slot (2):

Click a device on the list, enter a name to be shown in the project (optional), and click DEPLOY to use the device:

Perform the Test on the Mobile Device

The device is now shown in the list, and the slot is shown as occupied. Click Access to open a console for this device:

You can now control the device remotely through your computer’s keyboard and pointing device. You can also rotate the device (1) or simulate sensor input (2):

Start a web browser on the device and navigate to your web application. Select Test (1) from the menu to display the Test Management widget and select Start Test Run (2):

Perform your test.

Create a Test Run

Click on the plus symbol in the Test Management widget (1) and take a screenshot of your test (2):

Click on the plus symbol in the Test Management widget (1) and use Create Issue (2) to write down any test results:

Click Finish in the Test Management widget to end the test:

Evaluate Test Results

Click Open last run in the Test Management widget:

Now you can review all the test artefacts or add tags (1) and comments (2):

Click on the caption to enter a meaningful name for your test, and click the floppy disk icon to save the name:

This concludes the test on the mobile device. We will now perform the test on the simulated desktop machine before we release the devices and the device slots.

Choose a Simulated Desktop Machine

On the sidebar, click on DEVICES to return to the list of the devices and device slots in the project:

From the list of device slots in the project, find one with an icon that depicts a desktop monitor (as indicated) and click Deploy device on that slot:

Click on an operating system and then click on the virtual machine that has the locale setting and browser version(s) that you want to use. Enter a name to be shown in the project (optional), and click DEPLOY to use the device:

Perform the Test on the Simulated Desktop Machine

The device is now shown in the list, and the slot is shown as occupied. Click Access to open a console for this device:

From the Browsers folder on the desktop, launch the desired browser version:

The test itself works the same way as the test with the mobile device.

Clean Up the Devices

The final step is to release the devices and the slots after the tests have been completed.

On the sidebar, click on DEVICES to return to the list of the devices and device slots in the project:

In the device list, click Delete for both devices and confirm the deletions:

This will unblock the slots, reset the devices to their initial states, and make the devices available to use again.

×