Editing a Web UI test

You can edit a Web UI test to add new steps, remove the existing steps, or update the step details.

Before you begin

You must have completed the following tasks:

Ensured that you are assigned a Team Space Owner, Project Owner, or Member with a Tester role to create or edit a test resource.
Read and understood the information in Edit branch overview and Create or select an Edit branch.
Ensured that your project contains a Web UI test.

Procedure

Log in to Test Hub.
The Projects page of the initial team space is displayed.
Click My projects > project_name to open the project that contains the test assets.
The Overview page of the project is displayed.
Click Author > Test Editor.
The Test Editor page and the test navigator panel are displayed.
Click the application for which you recorded a test in the test navigator panel.
The assets created for the application are displayed.
Click Tests to view the list of tests recorded for the selected application.
Click the .yaml file to open the test.
The test steps are displayed on the Test Editor page.
Click the button displayed on the Test Editor page.
The Edit button appears only when no active edit branch is selected.
Alternatively, right-click the test in the test navigator panel and select Edit.
The Edit branch dialog is displayed.

If the Edit branch dialog is not displayed, then go to step 9.
Select an existing edit branch or create a new edit branch.
Select a step to view the details.
The step details pane is displayed. If the step has a user action, then the Smartshot, UI Object type, Action, and Object Identified By details are displayed.

Perform any of the following actions to modify the step details as required:


Action	Description
Edit the object and action for the step	Perform the following steps: Hover over the UI elements in the Smartshot view, and then right-click and select Use this element as a step target to change the object assigned for the step. The values in the Object Identified By field are updated. Note: Change the value from the UI Object drop-down list if required. Select a user action from the Action drop-down list. Optional: Click the Click here to add relative to link, specify the relative location in the Location field, and specify the relative object in the UI Object field. Optional: Click the Click here to add alternative identifier link, and select a target object from the list in the Target 2 field. Alternatively, you can drag and drop an element from the Smartshot view.
Open the test that is embedded in the Run step	Right-click the Run step and click Open. The embedded test is displayed in Test Editor.
Select a step or a set of steps	Right-click a step and click Select. Checkboxes are displayed for each step to select the required steps. When you right-click a selected step, the Extract Steps and Deselect All options are displayed.
Disable the step	Click the Advanced tab and select the Disable checkbox. Alternatively, you can right-click the step and click Disable. The option changes to Enable for the disabled step.
Copy the step	Right-click the step and click Copy.
Paste the step	Right-click a step, and then click Paste. The copied step is pasted after the selected step.
Delete the step	Right-click the step, and then click Delete.

Click to close the step details pane.
Click the Save icon to save the modifications.

Results

You have edited a Web UI test.

What to do next

You can perform the following tasks:

Run the test and view the results. See Running a Web UI test.
Add additional steps from the catalog. See Adding test steps from the General catalog, Adding 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.
Create and use variables in the test. See Creating and assigning test variables.