Skip to main content

​
Inputs

​
☐ Prompt / Description (Required)

A clear and concise instruction describing what this step should do. This helps the AI debug and re-trigger the event if needed.
Good Example: "Trigger a 'change' event on the dropdown menu to apply the selected option."
Bad Example: "Make sure the dropdown works by doing whatever is needed to activate it."Why it’s bad? Too vague, lacks specificity about the event and the target element.

​
☐ Element Selector (Required)

Define the element where the event should be triggered using one of the following methods:

CSS Selector

Use standard CSS selectors to identify the element.

XPath

Use an XPath expression to precisely locate the element.

​
☐ Event Type (Required)

Choose from standard browser events:
  • Mouse Events: click, dblclick, mousedown, mouseup, mouseenter, mouseleave
  • Form Events: focus, blur, change, input, submit
  • Keyboard Events: keydown, keyup
  • Custom Events: Supported by the webpage

​
Usage Example

Scenario: Simulating a dropdown selection change

​
✅ Good Prompt:

“Trigger a ‘change’ event on the dropdown menu to apply the selected option.”

​
✅ Good Element Selectors:

CSS Selector: select#country-dropdown

XPath: //select[@id='country-dropdown']

​
✅ Event Configuration:

  • Event Type: change

​
Notes

  • The Prompt / Description is required to help AI debug and adjust the event trigger if needed.
  • Ensure the selected event matches the expected behavior of the element (e.g., use change for dropdowns, click for buttons).
  • Some events might require additional scripting if the website relies on JavaScript listeners that do not respond to synthetic events.