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
Test Hub also supports the use of multiple tabs and multiple 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.