The element visible validation allows you to check whether your element exists and is visible on the page. If your element contains a variable image or text, validation will still work. This validation verifies that the element exists and is visible, but does not check its specific content.

Adding a Validate element visible step

To add an Element Visible validation:

1. Hover over the > (arrow symbol) where you want to add the validation.

The action options are displayed.

2. Click on the Toggle Breakpoint button.

3. Click on the Play Scenario button, to run the test until the breakpoint.

4. Hover over the position again and click on the "M" (Testim predefined steps).
   The Predefined steps menu opens.

5. Click on Validations.
   The Validations section expands.

6. Scroll down through the menu and select Validate element visible.

📘

Alternatively, you can use the search box at the top of the menu to search for Validate element visible.

7. In the AUT window, identify the relevant element that you wish to validate, and click on it to select it.
   The step is created, and a thumbnail of the selected element is shown in the step.

8. Click on the Toggle Breakpoint button after the Validation step to remove the breakpoint.

Modifying a Validate element visible step

If you want to change the element you selected, you don’t need to delete and re-record the step. Instead, you can reassign the element with a different element.

To reassign the selected element in a Validate element visible step:

1. Hover over the position to the left of the step for which you want to reassign the element and click on the Toggle Breakpoint button.
2. Click on the Play Scenario button, to run the test until the breakpoint.
3. Hover over the step for which you want to reassign the element and click on the Show Properties () icon.

The Properties panel opens on the right-hand side.

4. Hover over the Target element thumbnail.

The Target element options are shown.

5. Click Reassign.

6. In the AUT window, identify the relevant element and click on it to select it.
   The selected element is shown in the Target element box in the Properties panel.
7. Click on the same Toggle Breakpoint button to the left of the step for which you reassigned the element to remove the breakpoint.