⚡ Dynamic Content
Test async loading patterns — spinners, lazy-loaded lists, load-more pagination, and debounced search. Built for waitFor assertions in Playwright, Cypress, and Selenium.
1 Auto-load on render
data-testid="autoload-spinner" → "autoload-list"
Items fetch automatically when the page loads (800 ms simulated delay). Wait for [data-testid="item-card"] to appear.
2 Load more
data-testid="load-more-btn"
Click the button to append the next page of items (600 ms delay). Tests waitForSelector after a user interaction.
3 Debounced search
GET /api/items?q=…
Results update 400 ms after you stop typing. Tests debounced input and stale-result handling. Search by name or category.
Start typing to search…
4 Configurable delay
GET /api/items?delay=N
Control server response latency (0–5 000 ms) to test loading states, timeout logic, and retry behaviour.