Loading challenge...
Dynamic Loading
Wait for elements to load dynamically
Load Content on Click
Click to trigger a 3-second loading process
Click the button to load content
Fetch Data
Simulates fetching data from a server
No data yet
Sequential Loading
Three steps load one after another
Step 1: Waiting...
Step 2: Waiting...
Step 3: Waiting...
Current step: 0/3
Different Loading Delays
Four boxes load with different delays (1s, 2s, 4s, 6s)
Waiting to start
Waiting to start
Waiting to start
Waiting to start
Loaded: 0/4
Testing Tips
Automation hints
- ✓ Use waitForSelector() with #loading-indicator and #loaded-content
- ✓ Set appropriate timeouts (3s for main load, 6s for delayed content)
- ✓ Verify sequential steps with #step-1, #step-2, #step-3 selectors
- ✓ Check #sequence-status for "Current step: X/3" progress
- ✓ Monitor #delayed-box-0 through #delayed-box-3 for parallel loading
