Playwright – End-to-End Testing

Module 1: Introduction to Playwright

• Playwright vs Selenium vs Cypress: architectural comparison
• Installing Playwright: npm init playwright and project setup
• Test Runner: file conventions and configuration
• Running tests: headed, headless, and trace mode
• Playwright Inspector and codegen tool
• Auto-waiting explained: how Playwright waits automatically

Module 2: Core API

• Browser, BrowserContext, and Page objects
• Navigation: page.goto, reload, and navigation options
• Playwright locators: role, text, label, placeholder, testId
• Assertions: expect(locator).toBeVisible, toHaveText
• Screenshots, video recording, and trace viewer
• Multiple tabs, popups, and new page handling

Module 3: Interactions & Network

• click, fill, type, press, check, selectOption
• Keyboard and mouse API actions
• File upload with setInputFiles and drag-and-drop
• Dialog handling: page.on('dialog')
• page.route: request interception and mocking
• page.request for standalone API testing

Module 4: Configuration & Parallelism

• playwright.config.ts: projects, browsers, global settings
• Test parallelisation: worker configuration and sharding
• Custom fixtures: built-in and custom fixture creation
• Global setup and teardown for environments
• Environment variables and .env management
• Test tagging, filtering, and annotations

Module 5: Page Object Model

• TypeScript POM classes with Playwright
• Component objects for UI element abstractions
• Fixture-based page object injection
• Shared authentication: storageState for login reuse
• Test data factories and fixtures
• Large-scale Playwright project architecture

Module 6: Visual & Accessibility Testing

• Screenshot testing: expect(page).toHaveScreenshot
• Snapshot baseline management and updates
• Accessibility testing with axe-core integration
• Trace viewer for deep failure debugging
• HTML reporter: rich execution reports
• Soft assertions for non-blocking validation

Module 7: CI/CD Integration

• GitHub Actions: parallel matrix execution
• Azure Pipelines and Jenkins integration
• Playwright Docker images for containerised execution
• Playwright UI Mode for interactive debugging
• Allure integration with Playwright
• Cross-browser test strategy design

Module 8: Real-World Project

• End-to-end Playwright framework for a web application
• Combining API and UI tests
• Performance assertions and timing validation
• Multi-authentication state management
• Reporting and failure analysis strategy
• Playwright community resources and roadmap

Our Playwright instructors were among the first production adopters of Playwright, building enterprise-grade suites for technology companies across Europe and North America. They are TypeScript practitioners teaching type-safe test automation from day one.