Playwright
Testing · 4 stages · 28 units in the full series · 28 published in English
Series goal
Verify user flows in a separate Node test environment and design data isolation, asynchronous waiting, and diagnostic evidence.
Prerequisites
DOM roles and asynchronous behavior, testing basics
Practice approach and scope
Learning units are not calendar days. Read the explanation and tasks, check the completion criteria, then move on. Use each example as a starting point: change variables and observe the results. Built-in examples and tasks requiring a separate environment are identified separately. Opening an example does not complete a unit.
Existing unit IDs and notes are preserved. The original 01, 02, and 03 examples occupy positions 1, 14, and 28 in the expanded sequence, so the number in the address may differ from the learning order.
Only published English units are linked below. The full series has 28 units.
Learning path
Stage 1 · User Flows and Locators
- 01. Testing from the User’s Perspective — Editable example
- 02. Configuration and Execution Scope — External example · preview instructions
- 03. Role and Accessible Name — External example · preview instructions
- 04. Label and Input — External example · preview instructions
- 05. Locator Scope — External example · preview instructions
- 06. Retrying Assertions — External example · preview instructions
- 07. Diagnosing Failures in the First Flow — External example · preview instructions
Stage 2 · Persistent Data and File Round Trips
- 08. BrowserContext Isolation — External example · preview instructions
- 09. Saving and Reloading — External example · preview instructions
- 10. Download Events — External example · preview instructions
- 11. File Upload — External example · preview instructions
- 12. Invalid Files and Preservation — External example · preview instructions
- 13. Per-Item Storage Isolation — External example · preview instructions
- 14. Saving, Downloading, and Restoring — Editable example
Stage 3 · Asynchrony, Isolation, and Diagnosis
- 15. Keyboard Navigation — External example · preview instructions
- 16. Viewport and Responsive Layout — External example · preview instructions
- 17. Network Route — External example · preview instructions
- 18. Delays and Races — External example · preview instructions
- 19. Clock and Scheduled Saving — External example · preview instructions
- 20. Console and PageError — External example · preview instructions
- 21. Reading Traces — External example · preview instructions
Stage 4 · Visual Regression and Execution Strategy
- 22. Fixtures and Setup Responsibility — External example · preview instructions
- 23. Parallel Execution and Collisions — External example · preview instructions
- 24. Retries and Flakiness — External example · preview instructions
- 25. Creating a Visual Baseline — External example · preview instructions
- 26. Allowed Differences and Review — External example · preview instructions
- 27. CI Execution and Artifacts — External example · preview instructions
- 28. Visual Regression and Flakiness — Editable example
Capstone project and deliverables
Build a test suite that verifies Frontory navigation, documents, note backup and restoration, preservation on errors, and visual regression on an independent origin.
Keep the implementation, run instructions, baseline and changed conditions, failure cases, and recovery steps together. Do not report unmeasured performance or tests you have not run as results.