Creation and management of your first Web UI test

In the lessons detailed in this learning module, you will learn how to use DevOps Test Hub to create and manage Web UI tests.

Steps to build and run a Web UI test in Test Hub

In this section, you will learn about the typical steps involved in building and running a Web UI test using DevOps Test Hub. Throughout this tutorial, you will follow these steps to create, enhance, execute, and analyze Web UI tests.

You will perform the following tasks:
  1. Create an application: Set up the web application that you want to test within the project.

  2. Record and manage Web UI test steps: Capture user interactions such as clicks, text entry, and selections, and organize them into reusable test steps.

  3. Add variables and validations to tests: Make your tests reusable and verify that the application behaves as expected.

  4. Run tests and view functional reports: Run tests and review results to confirm whether they passed or failed.

As a real-time scenario, the tutorial uses an HR management web application to demonstrate recording user interactions such as logging in and managing employee details.

You can apply this workflow to any web application. Just use your own application URL instead of the example shown here and follow the steps outlined in this tutorial.