Lists and Dropdowns Demo
Demonstration page for testing various list and dropdown elements with Playwright
Searchable Dropdown
Start typing to filter cities
Single Select Dropdown
Select one option from the dropdown
Multi-Select Listbox
Hold Ctrl (Cmd on Mac) to select multiple options
Recent Tasks
- Complete unit tests for authentication module
- Review pull request #342
- Update test automation framework documentation
- Configure CI/CD pipeline for staging environment
- Schedule team meeting for sprint retrospective
Each task has a unique data-testid attribute
Testing Guide
Playwright Locator Strategies
-
By Label:
page.getByLabel('Favorite Color') -
By ID:
page.locator('#favorite-color') -
By Test ID:
page.getByTestId('task-1') -
By Role:
page.getByRole('listitem')
Element Highlights
- All inputs have unique IDs
- Labels properly associated
- ARIA labels for accessibility
- Data-testid on list items