PW Playwright · TSFree course: Playwright with TypeScript
Full course

Free course · no sign-up

Get started with Playwright and TypeScript

Short lessons, interactive slides and hands-on practice on our practice site. By the end you will install, record, run and analyse failures the way it is done at work.

Start

0%
Your progress
0/20 lessons

Course chapters

Chapter 1 Not started

Introduction

What Playwright is, why TypeScript, what you will do in this course and how we practice on the ATID practice site.

3 lessons Difficulty: Easy
Chapter 2 Not started

Setting up the environment

Install Node.js and VS Code, create a Playwright project with TypeScript and run the first test.

3 lessons Difficulty: Easy
Chapter 3 Not started

Tour of the project

What is inside the project folder that was created: files, folders, the example test and the config file.

2 lessons Difficulty: Easy
Chapter 4 Not started

Recording and running with Codegen

Record a login to the practice site with Codegen, add a check, save the code and run it.

3 lessons Difficulty: Medium
Chapter 5 Not started

The HTML report

Run tests, open the built-in report and read from it what passed, what failed and why.

2 lessons Difficulty: Easy
Chapter 6 Not started

Trace Viewer and UI Mode

Investigate a failure step by step with Trace Viewer, and work interactively with UI Mode.

4 lessons Difficulty: Medium
Chapter 7 Not started

Roadmap and next step

What you learned, what else Playwright has, how to keep learning, and how to turn it into a profession.

3 lessons Difficulty: Easy

The practice site

The hands-on chapters use the ATID practice site. You can open it right now.

Open the practice site ↗
PW

Welcome to the course

Choose a language and a display mode. You can change either one at any time from the top bar.

Language
Display mode