New Course

💙

QA Automation Track

Playwright with TypeScript

The industry standard for E2E testing. Learn to write type-safe, maintainable, and blistering fast workflows with Playwright & TypeScript.

Modules

5 hrs

Total Duration

Free

Certificate

Course Modules

Complete all 13 modules to earn your certificate.

Module 1

15 min

Environment Setup (TS)

Set up VS Code, Node.js, and TypeScript for a professional workspace.

VS Code config Node.js LTS tsconfig.json basics Playwright extension

Module 2

20 min

TypeScript Basics for QA

Essential TS concepts for writing type-safe automation.

Interfaces & Types Enums for selectors Async programming Strict null checks

Module 3

15 min

Lesson 1: Introduction to Playwright

Understand the architecture and write your first type-safe script.

TS Project Structure Browser contexts First TS test Running tests

Module 4

25 min

Lesson 2: Functions and Selectors

Master Playwright's powerful locator engine to find any element reliably.

Role-based locators Data-testid attributes Chaining & filtering locators TypeScript strict typing

Module 5

20 min

Lesson 3: Playwright Features

Advanced features like Auto-wait, Trace Viewer, and Mobile Emulation.

Auto-waiting mechanism Trace Viewer debugging Codegen recording Device emulation

Module 6

20 min

Lesson 4: Handle Inputs and Buttons

Interacting with complex form elements using type-safe locators.

Text inputs & pressing keys Checkboxes & Radio buttons Double clicks & Hovering Type-safe assertions

Module 7

20 min

Lesson 5: Handle Alerts and Dropdowns

Automating JavaScript dialogs and native select menus.

Dialog event handling Select option by label/value Multiselect handling TS Event listeners

Module 8

25 min

Lesson 6: Handle Frames and Windows

Navigating through iFrames and multiple browser tabs.

frameLocator API Handling browser contexts Event-based tab handling Context management

Module 9

20 min

Lesson 7: Date Pickers in Playwright

Strategies for automating complex calendar components.

Strongly typed date functions Visual calendar navigation Date-fns integration Dynamic date selection

Module 10

20 min

Lesson 8: Upload and Download Files

Handling file systems and server-side interactions.

setInputFiles API Download event promises File buffer handling Path module usage

Module 11

30 min

Lesson 9: Page Object Model

Architect your test suite for maintainability with strongly-typed Page Objects.

Class-based architecture Readonly properties Method-based interaction Scalable folder structures

Module 12

25 min

Lesson 10: Playwright Fixtures

Advanced dependency injection using custom test extensions.

base.extend<T> Worker vs Test fixtures Type-safe custom hooks Global setup/teardown

Module 13

25 min

Lesson 11: Cross Browser Testing on Cloud

Run Playwright tests in GitHub Actions and cloud grids.

YAML workflow config Parallel test execution Cloud grid integration Artifact management

Practice What You Learn

Use our dedicated Playwright E-Commerce Playground to test your skills against a real-world app.