Skip to main content

Wait Element

Waits for a web element to appear, disappear, or both. Essential for handling dynamic content and ensuring elements are ready before interaction.

Common Properties​

  • Name - The custom name of the node.
  • Color - The custom color of the node.
  • Delay Before (sec) - Waits in seconds before executing the node.
  • Delay After (sec) - Waits in seconds after executing the node.
  • Continue On Error - Automation will continue regardless of any error. The default value is false.
info

If Continue On Error property is true, no error is caught when the project is executed, even if the Catch node is used.

Input​

  • Browser ID - The browser session identifier from the Open Browser node.
  • Selector - The XPath or CSS selector to locate the element.
  • Wait Timeout (sec) - Maximum time to wait for the condition to be met. Default is 30 seconds.

Options​

  • Selector Type - Type of selector used:

    • XPath - Use XPath expression (default)
    • CSS - Use CSS selector

  • Condition - The wait condition:

    • Appear - Wait for element to become visible (default)
    • Disappear - Wait for element to become invisible or removed
    • Appear & Disappear - Wait for element to appear, then wait for it to disappear

Examples​

Wait for Element to Appear​

Browser ID: {{browser_id}}
Selector: //div[@id='dynamic-content']
Condition: Appear
Wait Timeout (sec): 10

Wait for Loading Spinner to Disappear​

Browser ID: {{browser_id}}
Selector: //div[@class='loading-spinner']
Condition: Disappear
Wait Timeout (sec): 30

Wait for Modal to Appear and Close​

Browser ID: {{browser_id}}
Selector: //div[@class='modal']
Condition: Appear & Disappear
Wait Timeout (sec): 60

Wait Before Clicking​

1. Wait Element node:
   Browser ID: {{browser_id}}
   Selector: //button[@id='submit']
   Condition: Appear
   Wait Timeout (sec): 5

2. Click Element node:
   Browser ID: {{browser_id}}
   Selector: //button[@id='submit']

Wait for Page Load​

Browser ID: {{browser_id}}
Selector: //div[@id='main-content']
Condition: Appear
Wait Timeout (sec): 15

Wait Conditions Explained​

  • Appear - Element must be present in the DOM and visible
  • Disappear - Element must be invisible or removed from the DOM
  • Appear & Disappear - First waits for element to appear, then waits for it to disappear (useful for transient messages)

Tips​

  • Always wait for elements before interacting with them
  • Use "Disappear" for loading indicators and spinners
  • "Appear & Disappear" is perfect for toast notifications and temporary messages
  • Increase timeout for slow-loading pages
  • Use specific selectors to wait for the right element
  • Most other nodes have built-in waits, but this provides more control

Common Errors​

  • "Browser ID cannot be empty" - Connect to an Open Browser node
  • "Selector cannot be empty" - Provide an XPath or CSS selector
  • "Element condition not met within X seconds" - The element didn't appear/disappear in time. Increase timeout or verify selector
  • "Timeout cannot be empty" - Provide a timeout value
  • "Condition must be selected" - Choose Appear, Disappear, or Appear & Disappear