XPath & CSS locators
Repeated card pattern and table row actions—use challenge mode to drop data-testid attributes.
Open editorial guide: xpath css selector practice
Challenge mode: append ?challenge=1 to this URL for harder selectors / no helper test ids where noted.
Interactive demo
Alpha bundle
Beta bundle
| Item | Action |
|---|---|
| Widget |
Practice ideas
Manual testing
- Identify Add buttons uniquely
- Edit in table row
Automation
- CSS nth-child vs role-based queries
- XPath for cell + button
Locator hints (beginner)
- [data-testid="pg-loc-card-0"]
- [data-testid="pg-loc-table"]