Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Playwright Automation with TypeScript
Rating: 4.4 out of 5(52 ratings)
264 students

Playwright Automation with TypeScript

Become a Playwright pro: robust locators, POM, fixtures, API & network mocking, CI/CD, AI‑assisted testing.
Created byAliaksandr Khvastovich
Last updated 7/2025
English
English [Auto],

What you'll learn

  • Install Playwright with TypeScript and run your first tests
  • Design a Page Object Model with Playwright fixtures to manage setup, test data, and auth.
  • Test REST APIs with Playwright: send requests, validate status codes and payloads.
  • Run tests in CI/CD with GitHub Actions, secrets, artifacts, and a status badge.
  • Explore AI-assisted workflows (e.g., Copilot) to draft and refine Playwright tests.

Course content

13 sections • 13 lectures • 6h 18m total length

  • Introduction and TypeScript vs JavaScript12:16

    Compare TypeScript and JavaScript, showing how types and compile-time checks improve reliability in Playwright automation. Demonstrate types, interfaces, and safe parameter handling, with built-in TypeScript support and automatic transpilation.

Requirements

  • Basic JavaScript familiarity (TypeScript basics are taught).

Description

Learn Playwright + TypeScript by building a maintainable, production‑ready test suite step by step. We start with a fast JS to TS primer for testers, then move from first run to a clean Page Object Model, fixtures, API tests, network mocking, visual/a11y checks, and CI/CD.

What you’ll do

  • Set up Node, VS Code, and Playwright

  • Use robust locators and assertions to write readable, flaky‑free tests.

  • Capture and refactor Codegen output into clean, reusable test code.

  • Add visual snapshots, debug with the HTML report, trace, and video.

  • Intercept/mimic API calls to test slow responses, errors, and edge cases.

  • Validate REST APIs directly with Playwright’s request library.

  • Check accessibility with axe and address common WCAG issues.

  • Organize everything with a Page Object Model and Playwright fixtures.

  • Ship tests in CI with GitHub Actions and artifacts.

  • Explore AI‑assisted testing to draft, refactor, and review scenarios safely.

By the end, you’ll be able to design and build your own Playwright solution tailored to your product and team workflow—using reliable locators and assertions, a clean POM architecture, reusable fixtures, API and network tests, visual and accessibility checks, and a fast GitHub Actions pipeline. You’ll leave with a comprehensive, job‑ready starter template (POM + fixtures + utilities + CI) and the know‑how to adapt it to new apps, add custom helpers, and scale your suite with confidence. In the final module, we add AI‑assisted testing—showing how to use tools like Copilot/MCP Server to draft tests, generate data, refactor POMs, and review failures with human‑in‑the‑loop guardrails.

Who this course is for:

  • Manual QA engineers, junior developers, and SDETs who want a practical path to modern end‑to‑end testing with Playwright + TypeScript. Ideal for anyone moving from Selenium/Cypress, or teams that need reliable POM‑based UI/API tests with fixtures, network mocking, accessibility checks, visual snapshots, and GitHub Actions CI.

Report abuse