Playwright Automation

Playwright Automation Syllabus

  • Introduction of API and WebServices
    • What is API
    • What is WebService
    • What is CRUD operation
    • What are different HTTP Calls – GET/POST/PUT/DELETE
    • Exercise:
    • Basic Understanding of API from UI application using browser and network
    • How to check APIs at the network layer using developer tools of browser
    • Pre-Requisites:
    • HTTP Status codes
    • JSON understanding

Course Overview

This course provides hands-on training in Playwright, Microsoft’s powerful end-to-end testing framework. You’ll learn how to automate modern web applications, integrate tests into CI/CD pipelines, and build reliable, maintainable test suites.

By the end, you’ll be confident in writing advanced automation scripts, managing test data, and executing tests across browsers and devices.

Course Modules

Module 1: Introduction to Playwright

  • What is Playwright and why use it over Selenium or Cypress

  • Supported languages (JavaScript, TypeScript, Python, .NET, Java)

  • Setting up Playwright environment

  • Installing Playwright with Node.js

  • Playwright Architecture overview

  • Running your first Playwright script

Hands-on: Launching a browser and capturing a screenshot

Module 2: Core Playwright Concepts

  • Browser, Context, and Page explained

  • Playwright test runner introduction

  • Auto-waiting and assertions

  • Element selectors and locator strategies

  • Record and code generation with Playwright Codegen

  • Handling navigation, timeouts, and waits

Hands-on: Automate login and form submission on a demo site

Module 3: Advanced Browser Interactions

  • Working with iframes, pop-ups, and multiple tabs

  • Handling alerts, dialogs, and modals

  • File uploads and downloads

  • Emulating mobile devices and geolocation

  • Network interception and mocking API responses

Hands-on: Automate file upload & verify download process

Module 4: Assertions and Test Data Management

  • Built-in Playwright assertions

  • Soft vs Hard assertions

  • Parameterized testing

  • Data-driven testing (using JSON, CSV, Excel)

  • Environment variables and configuration files

Hands-on: Data-driven login test using JSON

Module 5: Page Object Model (POM) Design Pattern

  • Why POM matters for test scalability

  • Structuring test projects with POM

  • Creating reusable page classes

  • Managing locators and actions

  • Using fixtures and hooks

Hands-on: Build a POM-based Playwright test framework

Module 6: Parallel Execution & Test Reporting

  • Parallel test execution and worker configuration

  • Retrying failed tests

  • Custom test reports (Allure, HTML, JSON)

  • Generating screenshots and video recordings on failure

Hands-on: Integrate Allure report and run parallel tests

Module 7: API Testing with Playwright

  • Using Playwright for REST API automation

  • Sending GET, POST, PUT, DELETE requests

  • Validating API responses

  • Combining API and UI tests in one suite

Hands-on: Validate login via API before UI test

Module 8: CI/CD Integration

  • Setting up Playwright tests in GitHub Actions / Jenkins

  • Running tests in Docker containers

  • Using Playwright Test Reporters in pipelines

  • Managing environment secrets in CI

Hands-on: Automate Playwright test execution in CI pipeline

Module 9: Debugging & Troubleshooting

  • Playwright Inspector & trace viewer

  • Debug logs and screenshots

  • Headless vs headed mode

  • Common error handling patterns

Hands-on: Debug and fix a broken test suite

Module 10: Real-World Project

Capstone Project:
Build a complete end-to-end automation suite for an eCommerce demo site

  • Automate login, add to cart, checkout, and payment flow

  • Implement POM, data-driven tests, and reporting

  • Run in CI/CD and generate detailed report

Deliverable: Fully functional Playwright automation framework