Lists & Dropdowns

Practice automating single-select, multi-select, grouped, searchable, dynamic, and nested list/dropdown patterns. Use CSS, XPath, ID, name, value, and ARIA locator strategies.

Select Dropdowns

Basic Select Dropdown

Multi-Select Listbox

Grouped Dropdown (OptGroup)

Disabled & Pre-selected

Lists & Filtering

Searchable List

  • Apple
  • Apricot
  • Banana
  • Blueberry
  • Cherry
  • Dragonfruit
  • Grape
  • Kiwi
  • Lemon
  • Mango
  • Orange
  • Pineapple
  • Strawberry
  • Watermelon

Dynamic List (Add & Remove)

  • Sample Item 1
  • Sample Item 2
  • Sample Item 3

Items: 3

Chained / Dependent Dropdowns

Ordered & Unordered Lists

Top 5 Languages (ordered)

  1. Python
  2. JavaScript
  3. Java
  4. C#
  5. TypeScript

Grocery List (unordered)

  • Milk
  • Eggs
  • Bread
  • Butter
  • Cheese

Forms & Custom Controls

Booking Form with Dropdowns

Custom Dropdown (div-based)

A dropdown built with divs — no native <select>. Useful for practicing ARIA / keyboard-interaction automation.