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.