Modification of Web UI tests
With Test Editor, you can view and customize a Web UI test that is created in Test Hub.
The Test Editor page displays the test scripts. The test script lists user actions and UI elements recorded as chronological sequence of events during the recording session. Actions are presented in the natural language and you can modify the test manually.
The Test Editor also displays the following sections:
- Catalog tab: Displays the catalog elements that can be dragged
and dropped to an existing script as steps. The catalog elements are categorized as
General, UI, and
Flow. For more information on the usage of catalog elements, see
New test steps from the General catalog, New steps for UI-related actions and user actions in a test from the UI catalog, and
Adding conditional logic and redefining the flow in tests from the Flow catalog.Note: If you want to drag and drop a catalog element to a test when you use Chrome or Edge on a Ubuntu virtual machine, you must directly connect to the machine instead of connecting through a desktop sharing system such as VNC.
- Results tab: Displays the status of the test run when it is in progress, and the verdict of the previous test runs with a link to the Results page to view reports.
- Variables pane: Displays the defined variables and provides options to add or edit variables.
When you click a test step, the step details pane that is expandable is displayed with
different sections as follows:
- Smartshot: Displays screen captures with UI objects from the web
application under test. You can select a UI object, and add or modify an action related to
the object. This section provides Fit to available space
and Replace Smartshot 
controls to work with images. - Details: Displays the object type and the associated value or action depending on the step type. This section also displays values that identify the object. You can use any of the following conditions while defining the target to identify the object: Includes, Ends with, Matches regex, Starts with, Equals, Doesn't equal, Doesn't match regex, Doesn't include, Doesn't start with, Doesn't end with.
- Advanced: Displays options to define a timeout for the step and disable the step.
- Elements: Displays the elements available on the web page that are captured in the smartshot.
- Properties: Displays the properties such as aria label, class, content, exists, href, id, label, name, placeholder, tagName, type, value, and xpath of the object. The displayed properties are the properties that are captured while recording and they are required to identify the objects during the playback.
The step details pane displays information about the currently selected step and provides options to modify the step. See Editing a Web UI test.