Playwright with TypeScript: End to End
A nine-lesson course from setup and locators to API testing and CI.
9 lessons · about 77 minutes of reading
Log in to track your progress through this course.
Start lesson 1- 1
Playwright with TypeScript: Setup and Your First Test
Install Playwright with TypeScript, explore the generated project, and run and report your first end-to-end test.
8 min read
- 2
Playwright Locators, Actions, and Assertions
Find elements the way users do, perform actions, and use web-first assertions that wait automatically.
9 min read
- 3
Page Object Model in Playwright with TypeScript
Organize locators and page actions into reusable TypeScript classes so tests stay readable and easy to maintain.
8 min read
- 4
Playwright Fixtures, Hooks, and Data-Driven Tests
Share setup with custom fixtures and hooks, group tests, and run the same test across multiple data sets.
9 min read
- 5
Playwright API Testing and Reusing Authentication
Test REST APIs with the request fixture and sign in once, then reuse the session across UI tests.
9 min read
- 6
Playwright Network Mocking and Visual Testing
Control backend responses with page.route and catch layout changes with screenshot comparisons.
8 min read
- 7
Playwright Configuration, Projects, and Parallel Execution
Configure browsers, retries, workers, reporters, and a local web server in playwright.config.ts.
9 min read
- 8
Debugging Playwright Tests: UI Mode, Trace Viewer, and Codegen
Find and fix failing tests faster with UI mode, the debugger, the trace viewer, and code generation.
8 min read
- 9
Playwright in CI/CD: GitHub Actions and Sharding
Run Playwright tests in GitHub Actions, upload reports, and split a large suite across machines with sharding.
9 min read