Become Pro in Playwright with UI + API and Agentic AI

PART 1: Foundations (Beginner Level)

Module 1: Getting Started with Playwright

• Installing Playwright and project setup

• Running your first test successfully

• Understanding Playwright vs Playwright Test Runner

Module 2: Test Structure & Configuration

• Creating and managing config.ts

• Environment setup using .env files

• Class-based project structure and standards

• Complete walkthrough of Playwright configuration options

Module 3: Writing Scalable Tests

• Creating tests following Playwright best practices

• Converting raw tests to Page Object Model (POM)

• Maintaining clean imports using tsconfig.json

Module 4: Locators, Waits & Debugging

• Playwright locators from scratch (user-facing & resilient)

• Auto-waiting in Playwright vs Selenium implicit/explicit waits

• Centralized wait strategies using config files

• Playwright UI Mode vs Trace Viewer for debugging

Module 5: Test Data & Fixtures

• Data generation using Faker

• Custom fixtures: creation, usage, and lifecycle

• Writing maintainable, reusable test setups

Module 6: API Testing with Playwright

• API testing fundamentals using Playwright

• Validating responses and integrating API tests into test suites

PART 2: Applied Automation (Intermediate Level)

Module 7: Project Setup & Strategy

• Setting up a fresh Playwright project for an E-commerce application

• Designing test strategies for UI, API, and Hybrid automation

Module 8: API-Driven Workflows

• User registration and login using APIs

• Capturing and storing auth tokens

• Reusing authentication across tests via utility layers

Module 9: Productivity & Code Quality

• Using Playwright CodeGen effectively

• Refactoring generated code to production standards

• Fixing flaky locators and strengthening assertions

Module 10: Design Patterns in Automation

• Creating utility layers using Builder Pattern

• Implementing Fluent Interface for readable, reusable code

• Structuring API tests using BDD-style flow (Rest-Assured inspired)

Module 11: API Validation & Data Persistence

• Understanding JSON Schema validation

• Creating and validating response schemas

• Persisting API data using shared utilities

• POST requests with dynamic data using Faker

Module 12: Hybrid Automation (API + UI)

• Building the first hybrid automation scenario

• Combining multiple APIs with UI automation

• Injecting Local Storage and Session Storage

• State management through persisted data

Module 13: End-to-End E-Commerce Flows

• Understanding real E2E business flows

• Leveraging APIs to optimize UI automation

• Full test suite execution and automation wrap-up

Part 3 — AI Agents & MCP (16 Videos)

The cutting-edge layer. Set up MCP in VSCode and Claude Desktop, harness GitHub Copilot's Agent and Plan modes, generate and fix tests using Playwright MCP, and explore Playwright Agents — the next frontier of intelligent test automation.

Curriculum for Part 3

• Setup MCP in VSCode and Claude Desktop

• Overview for GitHub Copilot Setup

• GitHub Copilot – Ask Mode Explanation and Usage

• Using Agent and Plan Mode with GitHub Copilot

• Utilise Agent Mode for Complex Tasks

• Creating Copilot-Instructions md File

• Creating Reusable Prompt and Using Playwright MCP

• Resume the Fix and Update the Code

• Wrapping Up the Changes, Executing the Test and Quick Summary

• Wrapping the Final Changes Using Playwright MCP

• Creating API and UI Test Cases Using Playwright MCP

• Fixing the Errors and Final Summary of Playwright MCP

• Playwright Agents – Part 1

• Playwright Agents – Part 2

• Installing Playwright Agents and Overview for Each

• Using Playwright Agents

Outcome

By the end of this course, learners will:

• Build scalable Playwright frameworks

• Confidently write UI, API, and Hybrid automation

• Apply design patterns and real-world testing strategies

• Execute production-grade E2E test suites
  

Topics Covered

The following topics are covered across Parts 1, 2, and 3:

• Actions

• Assertions

• API Testing

• Auto-Waiting

• Browsers

• Debugging Tests – UI Mode, Trace Viewer, Video

• Dialogs

• Events

• Frames

• Handles

• Isolation

• Locators – Playwright

• Navigations

• Pages

• Browser Context

• Playwright config.ts

• package.json

• Screenshots

• Page Objects

• XPath and CSS Selectors

• Selectors vs XPath

• Fixtures

• Timeouts – WaitFor

• Playwright Test Runner vs Playwright Core Library

• Waits and Auto Wait vs Selenium WebDriver

• MCP (Model Context Protocol) – Setup and Usage

• GitHub Copilot – Agent, Ask and Plan Modes

• AI-Powered Test Generation with Playwright MCP

• Playwright Agents – Installation and Usage