Build Your first end-to-end test with Playwright

Module
11 Units

Beginner

Developer

Playwright

Visual Studio Code

In this module, you'll learn how to use Playwright to test a sample web application. You'll learn how to run tests, view test reports, and understand the structure of a Playwright project. You'll also learn how to use Visual Studio Code to run tests, debug tests, and record new tests. Finally, you'll learn how to create a new test suite, and how to refine your tests.

Learning objectives

In this module, you will learn

How to use Playwright to test a sample web application.
How to run tests, view test reports, and understand the structure of a Playwright project.
How to use Visual Studio Code to run tests, debug tests, and record new tests.
How to create a new test suite, and how to refine your tests.

Prerequisites

To get started with Playwright,

Visual Studio Code installed
Latest version of node
Latest version of npm

Introduction min
What is Playwright? min
Exercise: Getting Started with Playwright min
Exercise: Deconstruct a Playwright Test min
Understand Test Specification min
Exercise: Using Playwright in Visual Studio Code min
Exercise: Create a Test Spec with Codegen min
Exercise: Manually Create a Test Spec min
Review the Solution: Manually Create a Test Spec min
Knowledge check min
Summary min