Loading challenge...
Keyboard Navigation
Navigate using keyboard shortcuts
Key Press Monitor
Press any key to see it logged here
Press any key to see it logged here
Navigable List
Use ↑↓ to navigate, Enter/Space to select, Ctrl+A to select all, Esc to clear
Selected: 0 items
Tab Navigation
Use Tab to move between buttons, Shift+Tab to go back
Keyboard Shortcuts Input
Press Enter to submit, Escape to clear
Common Shortcuts Reference
Standard keyboard shortcuts
Tab - Next element
Shift+Tab - Previous element
Enter - Activate/Submit
Escape - Cancel/Close
↑↓ - Navigate list
Home/End - First/Last
Ctrl+A - Select all
Space - Toggle selection
Testing Tips
Automation hints
- ✓ Use keyboard.press() for single keys (ArrowDown, Enter, Escape)
- ✓ Use keyboard.press('Control+a') for key combinations
- ✓ Verify focus state with page.locator().evaluate(el => el === document.activeElement)
- ✓ Test Tab navigation order with sequential keyboard.press('Tab')
- ✓ Check data-focused and data-selected attributes for state verification
