Pick an option from a dropdown during a test. The approach depends on whether
the element is a native <select> or a custom menu.
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”).
