Automation lab Aú Error Handling & Resilience (ERROR_RESILIENCE)
Lab 052: Skeleton and spinner for slow network
Practice skeleton and spinner for slow network in a real web app context as part of the Error Handling & Resilience module.
advanced
advanced
Objectives
Use for test scripts- Understand the purpose and business flow of skeleton and spinner for slow network.
- Design stable locators for key UI elements.
- Automate user interactions and verify the resulting UI state.
Sandbox
Error Handling & Resilience / error-handling / advanced / active
Skeleton and spinner for slow network
Display skeletons then reveal data after a simulated slow load.
Reading and understanding requirements
Choosing stable locators
Designing assertions based on business rules
Learning objectives
- Show skeleton placeholders during load.
- Hide spinner and skeleton after data arrives.
- Assert transition from loading to loaded.
Steps
- Start load; skeletons visible.
- Spinner shows during fetch.
- Data replaces skeletons after delay.
Practice sandbox
Simulate slow network.
Loaded item
This content arrived after a slow network.
Loaded item
This content arrived after a slow network.
Loaded item
This content arrived after a slow network.
Idle
Assertions to practice
- Skeletons visible during load, hidden after.
- Spinner visible during load, hidden after.
- Status moves from Loading to Loaded.