Inspect the element first to confirm whether it’s a native <select> or a
custom menu (e.g. Headless UI, Radix, shadcn). The approach differs.
Native <select>
- Add a Select step and describe the element (e.g. “The country select”).
- Click Find with AI to populate the options list.
- Choose an option by label, value, or index.
Custom dropdowns
For React/Vue component libraries (Headless UI, Radix, Material UI, shadcn,
etc.), use two Click steps:
- Click on the dropdown trigger (e.g. “The country dropdown”).
- Click on the desired option (e.g. “USA inside the country dropdown”).