Ask AI
Skip to main content

Is element visible

Function: Is element visible​

This action helps you determine if a specific user interface (UI) element on your application screen is currently visible to the user. It checks if the element is either "hidden" or set to "display: none," which are common ways to make elements invisible in web applications.

Input​

  • Element: The specific UI element you want to check. This could be a button, a text field, an image, or any other component on your page.
  • Result: The name of a variable where the outcome of this check (True or False) will be stored. For example, you might name it isButtonVisible or isPanelHidden.

Output​

  • Result: A True/False value indicating whether the selected UI element is currently visible.
    • True: The element is not hidden and not set to "display: none", meaning it should be visible.
    • False: The element is hidden or set to "display: none", meaning it is not visible.

Execution Flow​

Real-Life Examples​

Here are some practical ways you can use the "Is element visible" action in your application:

Example 1: Showing a "Submit" button only when a form is complete

  • Scenario: You have a multi-step form, and you only want the "Submit" button to appear on the final step. You can use this action to check if the final step's content is visible before deciding to show the button.
  • Inputs:
    • Element: Final Step Content Panel (the UI element representing the last step of your form)
    • Result: isFinalStepVisible
  • Result: If the Final Step Content Panel is visible, the variable isFinalStepVisible will be True. You can then use this True value in another action to make your "Submit" button visible.

Example 2: Displaying a "Loading" indicator during data retrieval

  • Scenario: When your application fetches data from a database, you want to show a "Loading Spinner" to the user. After the data is loaded, you want to hide the spinner. You can use this action to confirm the spinner is no longer visible before proceeding.
  • Inputs:
    • Element: Loading Spinner Icon (the UI element that shows the loading animation)
    • Result: isLoadingSpinnerActive
  • Result: If the Loading Spinner Icon is currently hidden, the variable isLoadingSpinnerActive will be False. This confirms the loading process has likely finished, and you can update the UI with the new data.

Example 3: Validating user input and showing an error message

  • Scenario: A user enters an invalid email address in a form field, and an error message appears below the field. You want to ensure this error message is visible before preventing the user from moving to the next step.
  • Inputs:
    • Element: Email Error Message (the UI element displaying "Invalid email format")
    • Result: isEmailErrorShowing
  • Result: If the Email Error Message is visible, the variable isEmailErrorShowing will be True. You can then use this True value to keep the user on the current form step until the error is resolved.