Skip to main content

If web element is visible

Sophie avatar
Written by Sophie
Updated this week

Definition and Usage

Check whether a specified element is visible on a web page. This command allows you to verify if a target element can be seen by users, which is useful for conditional workflows and validation scenarios in web automation.


Parameter Values

Input parameters

Parameter Name

Description

Possible Values

Required

Options / Notes

Web page

Select a variable that contains the web page to work with

Any valid web page variable

Yes

Must be a previously opened web page

Element

Select or capture an element to operate on

Any valid web element

Yes

Can use the Capture button to select an element from the page

Check if

Select a check condition



Is visible, Is not visible

Yes

Determines the condition to evaluate

Check if clickable point is obstructed

Verifies that the clickable point of the target element is not blocked by other elements, ensuring the click action can directly reach the target

True/False

No

When unchecked, only verifies that the element is visible

Variables produced

This action doesn't produce any variables.


Using Variables in Conditions

You can use this command in conditional branches to control workflow execution based on element visibility. For example, you can create an If condition that performs different actions depending on whether a specific button or form field is visible on the page.


Notes

  • The visibility check confirms whether the element is rendered on the page and can be seen by users (not hidden by CSS or positioned outside the viewport).

  • This command is particularly useful for handling dynamic web content where elements may appear or disappear based on user actions or page states.

  • When "Check if clickable point is obstructed" is enabled, the command performs a more thorough check to ensure the element is not only visible but also actually clickable by the user.

  • Elements that are technically in the DOM but have zero dimensions, are hidden via CSS properties, or are covered by other elements may be considered not visible depending on the selected options.

Did this answer your question?