About the course
Microsoft Playwright has rapidly become the industry standard for reliable end-to-end testing of modern web applications. Designed to address the flakiness and slow execution of legacy tools, Playwright offers native support for all modern rendering engines (Chromium, WebKit, and Firefox) with a single API.
This 3-day intensive course provides a deep dive into the Playwright ecosystem. We move beyond basic script recording to explore professional automation patterns, including Auto-waiting, Trace Viewing, and State Preservation. You will learn to navigate the complexities of modern UIs - handling shadow DOMs, iframe isolation, and asynchronous data - while building a scalable, maintainable test suite that integrates seamlessly into your CI/CD pipeline.
Instructor-led online and in-house face-to-face options are available - as part of a wider customised training programme, or as a standalone workshop, on-site at your offices or at one of many flexible meeting spaces in the UK and around the World.
-
- Cross-Browser Mastery: Execute tests across Chromium, Firefox, and WebKit with zero configuration.
- Eliminate Flakiness: Leverage Playwright’s auto-wait and web-first assertions for stable tests.
- Advanced Debugging: Use the Playwright Inspector and Trace Viewer to diagnose failures in seconds.
- Optimize Performance: Implement parallel execution and sharding to slash test suite runtimes.
- Handle Complex UIs: Navigate Multi-tab workflows, Iframes, and Shadow DOM elements.
- API Testing: Combine UI testing with direct API interaction for comprehensive coverage.
-
This 2-day intensive hands-on training course is designed for QA Engineers, Test Automation Engineers, Software Developers, and anyone involved in the testing or quality assurance of web applications who wants to learn how to build reliable and efficient automated tests using Playwright and TypeScript. It is ideal for:
QA professionals looking to expand their test automation skills beyond existing tools.
Developers who want to write robust end-to-end tests for their web applications.
Automation Engineers seeking to add Playwright to their automation toolset.
Teams adopting or considering Playwright as their primary web testing framework.
-
Participants should would benefit from having attended our Modern JavaScript training course and/or our TypeScript training course or have some equivalent skills:
Familiarity with web development concepts (HTML, CSS).
Basic understanding of JavaScript or TypeScript syntax (helpful but not strictly required)
Experience using a command-line interface (CLI).
Familiarity with the concept of software testing or test automation is beneficial but not strictly required, as the course starts with fundamentals.
We can customise the training to match your team's experience and needs - with more time and coverage of fundamentals for new starters, for instance.
-
This Playwright course is available for private / custom delivery for your team - as an in-house face-to-face workshop at your location of choice, or as online instructor-led training via MS Teams (or your own preferred platform).
Get in touch to find out how we can deliver tailored training which focuses on your project requirements and learning goals.
-
Getting Started with Microsoft Playwright
Playwright vs. The World: Why Playwright is displacing Selenium and Cypress.
Installation & Architecture: Setting up the Node.js environment and browser binaries.
First Script: Using codegen to record and refine your first test.
Core Concepts: Understanding Browser, BrowserContext, and Page objects.
The Playwright Tooling Suite
Playwright Inspector: Step-through debugging and live selector validation.
The Trace Viewer: Recording and analyzing test traces (the "Black Box" of test failures).
VS Code Integration: Using the official Playwright extension for an optimal developer experience.
Test Runner Configuration: Mastering playwright.config.ts.
Robust Interactions & Assertions
Locators: Best practices for resilient selectors (Text, Role, CSS, and XPath).
Auto-waiting: How Playwright handles dynamic content without manual timeouts.
Web-First Assertions: Using expect(locator).toBeVisible() and other resilient patterns.
Handling User Input: Text entry, checkboxes, dropdowns, and file uploads.
Advanced Testing Scenarios
Handling Asynchronicity: Waiting for network idle, API responses, and specific events.
Authentication & State: Recording login states to bypass repetitive login steps.
Frames & Windows: Interacting with Iframes and multiple browser tabs.
Mocking & Interception: Stubbing network requests to test edge cases and error states.
Framework Design & CI/CD
The Page Object Model (POM): Architecting for maintainability and reuse.
Global Setup & Teardown: Managing test environment lifecycle.
Parallelism & Sharding: Speeding up execution across multiple cores and machines.
CI/CD Integration: Running tests in GitHub Actions, Azure DevOps, and GitLab.
Reporting: Generating HTML, JSON, and JUnit reports for stakeholders.
-
Playwright Documentation: The official and comprehensive documentation for Playwright, including API references and guides.
Playwright GitHub Repository: The source code for Playwright, useful for exploring issues and contributing.
TypeScript Documentation: Official documentation for the TypeScript language.
VSCode Documentation: Documentation for the Visual Studio Code editor and its debugging capabilities.
GitHub Actions Documentation: Documentation for GitHub's integrated CI/CD service.
Jenkins Documentation: Documentation for the Jenkins automation server.
Trusted by
