Playwright Course
Master Playwright from the ground up and build automated browser tests that actually hold up in production. This course covers everything from core interactions and smart selectors to network mocking, CI integration, and visual testing. Whether you're new to test automation or leveling up your skills, you'll leave with a professional-grade Playwright test suite.
What you will learn:
You'll start by setting up Playwright and writing your first automated browser test, then progressively tackle selectors, async handling, and web-first assertions. You'll learn how to intercept and mock network requests, manage authentication state, and organize tests using fixtures and the Page Object Model. The course also covers API testing, cross-browser and mobile emulation, TypeScript best practices, and CI pipeline configuration. By the end, you'll know how to debug failures with the trace viewer, reduce flakiness, and communicate test results to your team.
How you study in practice Playwright Course
How you practise Playwright Course
For companies looking to train their team
With Dedika for Business, the course includes exercises and examples tailored to your own business and the way your company needs.
Course Content
8 Chapters • 33 LessonsDuration between 4 and 360 hours (you decide)
Chapter 1HideHide detailsSee detailsIntroduction to Playwright and Setup
Introduction to Playwright and Setup
Lesson 1 • Installing Playwright and Dependencies
Guides students through installing Node.js, Playwright, and browser binaries. Ensures a consistent, reproducible local environment.
Lesson 2 • What Is Playwright
Covers Playwright's role in browser automation and how it compares to similar tools. Sets the conceptual baseline for the entire course.
Lesson 3 • Running Your First Test
Demonstrates writing and executing a minimal test script. Connects installation knowledge to observable test output.
Lesson 4 • Project Structure and Configuration
Explains the default project layout and the Playwright config file. Students customize settings to match common project needs.
Chapter 2HideHide detailsSee detailsCore Browser and Page Interactions
Core Browser and Page Interactions
Lesson 1 • Navigating Pages and URLs
Teaches navigation methods and how to handle redirects and load states. Directly enables reliable page-level test setup.
Lesson 2 • Launching and Managing Browsers
Covers browser launch options, contexts, and lifecycle management. Establishes the browser-context-page hierarchy used throughout the course.
Lesson 3 • Interacting with Page Elements
Introduces click, fill, type, and keyboard actions on DOM elements. Forms the basis for simulating real user behavior.
Lesson 4 • Working with Multiple Tabs and Popups
Explains how to detect and control new tabs, popups, and dialog boxes. Prepares students for complex multi-window test scenarios.
Chapter 3HideHide detailsSee detailsSelectors and Element Location Strategies
Selectors and Element Location Strategies
Lesson 1 • Selector Best Practices and Debugging
Covers selector resilience, avoiding brittle patterns, and using the Playwright Inspector. Connects selector quality to long-term test maintainability.
Lesson 2 • Built-in Selector Engines
Surveys CSS, XPath, text, and role selectors available in Playwright. Gives students a complete toolkit for element targeting.
Lesson 3 • Accessibility and Semantic Selectors
Focuses on getByRole, getByLabel, getByPlaceholder, and getByText helpers. Promotes accessible, maintainable test code.
Lesson 4 • Playwright Locator API
Introduces the Locator object as the preferred element reference mechanism. Explains lazy evaluation and auto-waiting behavior.
Chapter 4HideHide detailsSee detailsHandling Async Behavior and Waiting
Handling Async Behavior and Waiting
Lesson 1 • Event-Driven Waiting Patterns
Demonstrates page.waitForEvent() and Promise.all() coordination for concurrent events. Handles complex async flows without arbitrary delays.
Lesson 2 • Explicit Waits and Conditions
Covers waitForSelector, waitForFunction, and waitForCondition patterns. Addresses scenarios where auto-waiting does not apply.
Lesson 3 • Playwright's Auto-Waiting Mechanism
Explains how Playwright automatically waits for actionability before interactions. Reduces the need for manual waits in most scenarios.
Lesson 4 • Waiting for Network and Navigation
Teaches waitForResponse, waitForRequest, and navigation load state options. Synchronizes tests with backend data fetching reliably.
Chapter 5HideHide detailsSee detailsAssertions and Test Validation
Assertions and Test Validation
Lesson 1 • Expect API Fundamentals
Introduces the expect() function and its matcher methods. Establishes the assertion syntax used in all subsequent chapters.
Lesson 2 • Snapshot and Visual Assertions
Teaches screenshot-based and DOM snapshot assertions for visual regression. Connects visual checks to a broader quality strategy.
Lesson 3 • Web-First Assertions
Covers toBeVisible, toHaveText, toHaveValue, and similar async matchers. Explains auto-retry behavior that makes assertions resilient.
Lesson 4 • Custom Assertion Patterns
Demonstrates extending expect with custom matchers and reusable assertion helpers. Improves readability and reduces duplication across test suites.
Chapter 6HideHide detailsSee detailsTest Organization and Fixtures
Test Organization and Fixtures
Lesson 1 • Built-in and Custom Fixtures
Introduces Playwright's fixture system for dependency injection in tests. Students create custom fixtures to encapsulate reusable setup logic.
Lesson 2 • Test Runner Fundamentals
Explains test(), describe(), and the test runner lifecycle. Provides the organizational foundation for all test files.
Lesson 3 • Hooks for Setup and Teardown
Covers beforeAll, afterAll, beforeEach, and afterEach hooks. Teaches how to isolate state between tests reliably.
Lesson 4 • Tagging, Filtering, and Test Metadata
Demonstrates tagging tests, using grep filters, and attaching metadata. Enables selective test execution in CI and local workflows.
Chapter 7HideHide detailsSee detailsNetwork Interception and Mocking
Network Interception and Mocking
Lesson 1 • Route API Fundamentals
Introduces page.route() for intercepting network requests by URL pattern. Establishes the interception model used throughout this chapter.
Lesson 2 • HAR Files and Network Recording
Explains recording network traffic to HAR files and replaying them in tests. Provides a scalable approach to mocking complex API interactions.
Lesson 3 • Request Inspection and Assertions
Covers capturing request details, asserting on payloads, and verifying call counts. Validates that the application sends correct network traffic.
Lesson 4 • Mocking API Responses
Demonstrates returning custom JSON, status codes, and headers from intercepted requests. Enables testing of error states and edge cases.
Chapter 8HideHide detailsSee detailsAdvanced Playwright Patterns and CI Integration
Advanced Playwright Patterns and CI Integration
Lesson 1 • Page Object Model Implementation
Teaches structuring tests with the Page Object Model to encapsulate UI interactions. Reduces duplication and improves long-term maintainability.
Lesson 2 • Reporting and Debugging Tools
Covers built-in reporters, trace viewer, and video recording for diagnosing failures. Equips students to investigate and resolve test failures efficiently.
Lesson 3 • Parallel Execution and Sharding
Configures parallel workers and test sharding for faster suite execution. Prepares test infrastructure for large-scale projects.
Lesson 4 • Performance and Scalability Tuning
Addresses timeout tuning, resource cleanup, and test suite profiling. Ensures the test suite remains fast and reliable as it grows.
Lesson 5 • CI Pipeline Integration
Demonstrates configuring Playwright in CI environments with caching and artifact storage. Delivers a production-ready automated testing workflow.
Your valid completion certificate
This course is for you:
Frontend developer: wants to add automated testing to their existing skill set.
QA engineer: ready to move beyond manual testing into scripted automation.
Backend developer: needs to validate UI behavior without relying on another team.
Career changer: transitioning into software quality from a non-testing background.
DevOps engineer: looking to embed reliable browser tests directly into CI pipelines.
Freelance developer: wants to deliver higher-quality projects with automated regression coverage.
What our students say
Your classes are perfect. I purchased the one-year package and finally have the opportunity to follow various topics of interest without needing to switch platforms... I thank you for everything you do, I've already recommended you to other people...
I like how the lessons are straight to the point and how I can change chapters and skip content I don't need.
I like the content and the presentation style and video transcription, which speeds up the process!
The platform is fast, simple to use. The diversity of content and complementary videos really help with learning.
Top training programs
FAQ
Who is Dedika?
Is the certificate valid in Canada?
Are the courses free?
What is the course workload?
What are the courses like?
How do the courses work?
What is the duration of the courses?
What is the cost or price of the courses?
What is an EAD or online course and how does it work?
PDF Course