All Weeks
DAY 15

Debug & Trace

A professional does not guess. Master the tools that reveal the truth.

Core Practice

  1. Run with --ui mode for time-travel debugging
  2. Use --trace on and open in Trace Viewer
  3. Inspect Network, Console, and DOM snapshots
  4. Add page.pause() to inspect live browser state
DAY 16

Data-Driven Testing

One test covering many scenarios. Drive from JSON/CSV files.
  • Use test.each() for parameterized tests
  • Implement a CsvReader utility
  • Run tests with both valid and invalid data sets
DAY 17

API Testing

Test the engine, not just the skin. Built-in API context.
  1. Create ApiClient class with typed methods
  2. Write tests for GET/POST/PUT/DELETE endpoints
  3. Verify status codes, JSON schemas, and response times
DAY 18

Hybrid UI + API

API for setup, UI for action. The ultimate speed hack.
  • Setup test data via API, then verify in UI
  • Bypass login page by injecting auth cookies
  • Clean up data via API in afterAll hooks
DAY 19

Network Mocking

Control the network. Test error states and slow responses easily.
  1. Use page.route() to intercept API calls
  2. Mock a 500 server error and verify UI handling
  3. Simulate a 3-second network delay (loading indicators)
  4. Abort requests to test offline/failure modes
DAY 20

Mid-Way Checkpoint

Consolidate everything from Days 1–19 before the second half.
  • Verify POM, Fixtures, and Strict TS are all in place
  • Ensure all tests pass 3 consecutive times
  • Run npm run lint and fix all standards errors
  • Update README to reflect current framework capability
DAY 21

Built-in Reporting

Local and Machine-readable reports for the whole team.
  • Configure HTML, JSON, and List reporters simultaneously
  • Attach screenshots and traces to failed test reports
  • Explore Report Portal integration for team visibility
Previous Day Next Day