Loading challenge...
Dynamic Content
Handle content that changes on reload
Random Content
Content changes on every page load or refresh
The quick brown fox jumps over the lazy dog
Pack my box with five dozen liquor jugs
How vexingly quick daft zebras jump
Auto-Updating Counter
Counter updates every second when running
0
Status: Stopped
Random Avatar
Avatar image changes randomly on each click
Avatar ID: 435
Shuffling List
List items change order on shuffle. Elements have stable IDs but change position
- ApplePosition: 1
- BananaPosition: 2
- CherryPosition: 3
- DatePosition: 4
- ElderberryPosition: 5
Testing Tips
Automation hints
- ✓ Use data-testid attributes for stable selectors (e.g., [data-testid="live-counter"])
- ✓ Verify counter increments with waitForFunction() or polling assertions
- ✓ Check #counter-status for Running/Stopped state changes
- ✓ Use data-item-id attribute to track shuffled items by their stable ID
- ✓ Verify image src changes after clicking [data-testid="change-avatar"]
