Loading challenge...
Focus Management
Test focus trap and restore
Focus Log
Track focus events as they happen
Focus events will appear here
Modal Focus Trap
Open modal to test focus trapping
Programmatic Focus
Click buttons to focus specific elements
Focus Trap Section
Toggle focus trap within a container
Enable trap to confine focus
Testing Tips
Automation hints
- ✓ Verify focus with locator().evaluate(el => document.activeElement === el)
- ✓ Test focus trap by pressing Tab multiple times and checking focus stays inside
- ✓ Use keyboard.press('Escape') to close modal and verify focus returns
- ✓ Check aria-modal and role attributes for accessibility
- ✓ Test programmatic focus by clicking trigger button and verifying target focus
