Validate element visible

Validate that the expected element is visible

The element visible validation allows you to check whether your element exists and is visible on the page (web) or app sceen (mobile). 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 (Web)

To add an Element Visible validation:

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

The action options are displayed.

300
  1. Click on the Toggle Breakpoint button.
400
  1. Click on the Play Scenario button, to run the test until the breakpoint.
2466
  1. Hover over the position again and click on the "M" (Testim predefined steps).
    The Predefined steps menu opens.
300
  1. Click on Validations.
    The Validations section expands.
300
  1. 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.

  1. 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.
3612
  1. Click on the Toggle Breakpoint button after the Validation step to remove the breakpoint (web only).

Adding a Validate element visible step (Mobile)

To add an Element Visible validation to your mobile test:

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

The action options are displayed.

300
  1. Click on the Toggle Breakpoint button.
400
  1. Click on the Play Scenario button, to run the test until the breakpoint.
2466
  1. Hover over the position again and click on the "M" (Testim predefined steps). The Predefined steps menu opens.
300
  1. Click on Validations. The Validations section expands.
300
  1. 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.

📘

Note:

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

  1. 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
3612

Modifying a Validate element visible step (Web)

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.
2476

The Properties panel opens on the right-hand side.
4. Hover over the Target element thumbnail.

300

The Target element options are shown.

300
  1. Click Reassign.
300
  1. 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.
  2. Click on the same Toggle Breakpoint button to the left of the step for which you reassigned the element to remove the breakpoint.

Modifying a Validate element visible step (Mobile)

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 step for which you want to reassign the element and click on the Show Properties icon.
271

The Properties panel opens on the right-hand side.

231 326
  1. Hover over the Target element thumbnail and click Reassign.
324
  1. In the AUT window, identify the relevant element and click on it to select it.
305

The selected element is changed and shown in the Target element box in the Properties panel.