Web UI test creation

You can create Web UI tests by using the recording option or the empty test option in the HCL DevOps Test Hub (Test Hub). Test Hub automatically enables web browsers and provides DevOps Test Runtime or the recording agent to configure the test environment before you start recording tests for web applications.

You can create tests for the web applications that you have already configured in Test Editor. When you create a test, a .dtx.yaml file is created and listed in the test navigator panel. Test Hub captures mouse and keyboard actions that the user performs to interact with the web pages when you record a test. Test Hub supports the following HTML5 controls on the web pages:
  • Text box
  • Password field
  • Text area
  • Button
  • Checkbox
  • Drop-down list
  • Date selector
  • Radio button
  • Slider
  • JavaScript popup boxes such as alert, confirm, or prompt dialogs
  • Drag-and-drop boxes
  • File upload field
Test Hub also supports the use of multiple tabs and windows to record a test.

Application URL management

If you have configured the application with a URL, then Test Hub opens the browser with the configured URL when you record a test for that application. Otherwise, you must enter or paste the URL in the browser when you record a test. When the application contains a URL, Test Hub creates a variable App_<app_name>_URL to store the value of the URL. Otherwise, if you manually enter or paste the URL, then the URL is embedded in the Open step.

When you record a test for an application that requires credentials to be supplied in an authorization dialog, before running the test, you must edit the test to modify the URL by adding the credentials as follows:

https://username:password@url

For example, https://test_user:Mypassword!23@sample.com

Also, you must convert any special characters in the username and password by using the URL encoding format.

For example, you can convert Mypassword!23 to Mypassword%2123.

Drag-and-drop boxes

The Drag action that is recorded contains two values: From and To. The From tab in the Object Identified By section displays the identifier of the object that is being dragged, and the To tab displays the identifier of the new location for the dragged element.

File upload scenario

You can validate the file upload functionality for a web application by recording and playing back the file upload function. When you record a file upload function, a Type step is added with a variable to save the file path and file name. The uploaded file is listed under blob\Others in the test navigator panel.

Support for device emulation

You can use the device mode of browsers to record tests, and run tests or suites. Test Hub supports the following device profiles:
Device profile Default browser
Phone (Small) Edge
Phone (Medium) Chrome
Phone (Large) Edge
Phone (X-Large) Chrome
Tablet (Small) Edge
Tablet (Medium) Chrome
Tablet (Large) Edge
Tablet (X-Large) Chrome