top of page

Professionals

Live Online Course ยท For Working Professionals

Playwright with TypeScript

Master Playwright with TypeScript across 7 hands-on days. POM, API testing, AI-assisted test generation with Claude Code, CI/CD integration, and a career programme.

Playwright with TypeScript course - advanced typed automation framework training
7

Live Sessions

480 mins

Session Length

Mastery

Level

Professionals

Suitable For

Live Online

Delivery

UK Time

Time Zone

LEARNING OBJECTIVE

By the end of this course, you will be able to

  • Build a complete Playwright automation framework from scratch in TypeScript, without relying on the CLI scaffold to do the thinking for you.

  • Configure a Page Object Model with custom fixtures, test data management and trace-based debugging built in from day one.

  • Automate GET, POST, PUT and DELETE API operations using Playwright's request context, covering more than just the UI layer.

  • Integrate your framework into a CI/CD pipeline so it runs the way a real engineering team expects, on every pull request.

  • Present your finished framework and defend your architecture decisions in a mock technical interview, the actual test that matters.

TARGET LEARNER

Who this course is for

For QA engineers ready to stop bolting automation onto manual testing and start building a real Playwright framework.
  • QA engineers and SDETs who want to build a professional Playwright automation framework from scratch, not follow a scaffold.

  • Developers who need to write end-to-end tests for their own web applications and want to do it properly.

  • Manual testers ready to move into automation with a structured, career-focused programme behind them.

  • Professionals who want AI-assisted test generation with Claude Code as part of a modern automation skillset.

If you see yourself in one of these, this course is built for you.

Prerequisites

What you need

  • Working knowledge of JavaScript is helpful but not required. 

  • Days 1 and 2 cover TypeScript specifically for automation. 

  • Node.js LTS, VS Code, and Git must be installed on your laptop before Day 1. 

  • Basic QA experience - understanding what test cases and defect reports are โ€” is expected before joining

  • A GitHub account is required for the CI/CD sessions in Day 6. 

  • Postman must be installed before Day 5. 

  • No prior Playwright experience is required.

COURSE OVERVIEW

What this course is about

Playwright with TypeScript is a structured, instructor-led programme that takes learners from TypeScript fundamentals through to a production-ready Playwright framework. The course covers the Page Object Model, custom fixtures, API testing, and CI/CD integration in depth, combining full-day, project-based sessions with AI-assisted test generation using Claude Code throughout every session.

The programme runs across 7 full-day live sessions over 7 weeks, progressing through TypeScript essentials and building a framework from scratch, before finishing with UI test automation, framework architecture, API testing, CI/CD, and a dedicated career programme. Every topic is built directly into the same framework across the full 7 days.

Working knowledge of JavaScript is helpful but not required, since Days 1 and 2 cover TypeScript specifically for automation. Node.js, VS Code, and Git are used throughout the course, with real framework code written from session one so learners are producing production-ready output throughout, not just exercises.

What the course covers:
TypeScript and Framework Setup: TypeScript essentials and building a Playwright framework without the CLI scaffold.
UI and API Testing: resilient locator strategies, web-first assertions, and REST API automation.
Architecture: custom fixtures, test data management, and trace-based debugging.
CI/CD and AI: pipeline integration and AI-assisted test generation with Claude Code and Cursor.
Career Programme: interview preparation and portfolio positioning.

CIRRICULUM

7 Modules. 7 live Sessions. Hundreds of small wins.

The curriculum starts with TypeScript essentials, then moves through building a framework from scratch and UI testing before finishing with framework architecture, API testing, CI/CD, and a dedicated career programme.

01

TypeScript Essentials for Playwright Automation

Build the TypeScript foundations needed to write and maintain a professional Playwright framework, focused entirely on the language patterns that appear in real automation projects.

02

Building a Playwright Framework from Scratch

Set up a Playwright project from an empty folder, understand every configuration option by building it manually, and commit a working framework skeleton to your own Git repository.

03

UI Test Automation with Playwright

Write real, resilient UI tests covering all the interaction patterns, locator strategies, and assertion types used in professional Playwright automation projects.

04

Framework Architecture and Debugging

Evolve the framework into a production-grade structure with Page Object Model, custom fixtures, enterprise folder layout, test data management, reporting, and trace-based debugging.

05

API Testing with Playwright

Automate API workflows using Playwright's built-in request context, integrate API calls with UI tests for setup and teardown, and validate responses with structured assertions.

06

AI, Git, CI/CD and AI Guardrails

Set up a GitHub Actions CI pipeline, use AI coding agents for test generation and self-healing locators, and apply linter guardrails to maintain code quality standards.

07

Career Programme

Prepare for the QA and SDET job market with a reviewed CV, LinkedIn positioning, a GitHub portfolio plan, and a personal learning roadmap.

Course Types

We offer three structured learning paths based on your goals:

Crash Course (Fast-Track)

Quick, intensive courses designed to teach specific skills efficiently. Ideal for those upskilling fast or preparing for certifications.

DeepDive Program (Full Mastery)

Comprehensive, step-by-step learning for full mastery. For beginners and professionals seeking long-term, deep expertise.

MentorConnect (One-on-One)

Personalised mentorship with real-world guidance. Best for those who thrive with direct, expert-to-learner coaching.

Learning Approaches

We recognize that everyone learns differently, so we offer flexible learning formats to fit your needs:

One-on-One Training

Personalized, instructor-led coaching tailored to your learning speed.

Best for career-specific coaching or specialized training needs.

Small Batch Classes (2-5 learners)

Interactive, discussion-based learning in small groups.โ€‹

Encourages collaboration, teamwork, and peer-to-peer engagement.

FAQ

1

Do I need TypeScript experience before joining?

Working knowledge of JavaScript is helpful but not required. Days 1 and 2 cover all the TypeScript you need specifically for writing a Playwright framework. By the end of Day 2 you will be comfortable reading and writing any Playwright TypeScript sample without mentally translating it to JavaScript first.

2

What will I have built by the end of the course?

You will have a complete Playwright TypeScript automation framework committed to your own GitHub repository, covering Page Object Model with custom fixtures, UI tests, API tests with authentication, Allure and HTML reporting, trace-based debugging, a GitHub Actions CI pipeline, and experience using Claude Code or Cursor to generate and self-heal tests. Day 7 adds a reviewed CV and a Playwright portfolio plan to that output.

3

What tools and software do I need to install before starting?

Before Day 1 you need Node.js LTS (managed via nvm is recommended), VS Code, and Git installed on your laptop, plus a GitHub account. Before Day 5 you need Postman installed. Before Day 6 you need Claude Code or Cursor set up. All tools are free or available on a free tier and setup guidance is provided before each relevant day.

4

What is AI-assisted test generation and which tools are covered?

Day 6 covers two AI coding agents: Claude Code (from Anthropic) and Cursor. You will learn how to configure the agent against your own framework repository, write effective prompts that produce code matching your team's conventions, generate new test files from a user story or spec, and apply self-healing fixes to broken locators. You will also create a CLAUDE.md agent instruction file so the AI understands your framework automatically on every future run.

5

Does this course cover API testing?

Yes. Day 5 is entirely dedicated to API testing. It starts with API fundamentals and manual exploration in Postman so you understand the request and response structure before automating it. You then use Playwright's built-in APIRequestContext to write GET, POST, PUT, and DELETE tests with authentication, and integrate API calls into UI tests for setup and teardown. API steps are visible in both the HTML reporter and the Trace Viewer.

6

How does the career day work?

Day 7 is a structured career programme covering five areas: how to represent Playwright experience effectively on your CV, how to write skills sections and project bullets that resonate with QA and SDET hiring managers, how to build a GitHub portfolio for an automation engineer, how to position your skills on LinkedIn for recruiter visibility, and a personal learning roadmap covering visual regression, accessibility testing, component testing, and further community resources.

7

What is the difference between the HTML reporter and Allure?

Both are covered in Day 4. The Playwright HTML Reporter is built in and requires no additional setup. It shows pass/fail status, attachments, retries, and is generated with npx playwright show-report. Allure is a third-party reporter that produces richer, more visually detailed reports with history trends and category breakdowns. The course covers both and explains when each is the better choice for a given project or team.

8

What is a self-healing test and how does the agent handle it?

A self-healing test is one that can detect a broken locator at runtime and automatically propose or apply a corrected selector without manual intervention. Day 6 covers the concept and the practical workshop has each learner use the AI agent to diagnose an intentionally broken locator and apply the suggested fix. You also learn the do's and don'ts of reviewing AI-generated locators and assertions before trusting them.

9

Will I understand what every line of my framework does?

Yes. One of the deliberate design choices of this course is that Day 2 builds the Playwright framework by hand from an empty folder rather than using the CLI scaffold. This means every file, every config option, and every folder in the structure is understood because you created it yourself. Day 3 and Day 4 then extend that framework step by step rather than importing pre-built code.

10

What comes next after completing this course?

Day 7 includes a personal learning roadmap covering the natural next steps: visual regression testing, accessibility testing with axe-core/playwright, Playwright component testing, advanced test data management strategies, and flaky test triage. ITLearnner also offers AI-Powered Test Automation with Playwright MCP and AI for Automation Testers as direct follow-on courses for those who want to go deeper into AI-augmented automation engineering.

20250529_0050_Tech-Savvy Engineer Portrait_simple_compose_01jwcmsd77fde9w45mfg9zfhwv.png

Join Us Today

Welcome to ITLearnner, your gateway to a world of online education! We make it simple to register for our courses, helping you navigate through various categories to find the perfect match for your learning goals.

 

When signing up, we'll ask where you learned about us and if you have any references, making the process smooth and tailored to your needs.

 

Join us today and unlock your potential in the digital realm!

bottom of page