Category: Playwright Tutorial 2025

In this session we look at creating Playwright projects. There’s two ways to create projects. 1. In Visual Studio Code 2. Command Line using `npm` First I'll walk you through the Visual Studio Code approach. Then I'm going to show you, and explain, the command line approach. Creating Playwright Projects with Visual Studio CodeIf we look at Visual Studio code approach first. The simplest way is to create an empty folder and then create a project using the “Command Palette“. In VSC then select the “Open folder option" first Find a location where you want to create your project and add a new folder in here for say, Project 2. We've selected an existing folder, then created a new sub...

In this first lesson, we’re going to go through the process for installing Playwright and setting up your first Playwright project. In the video above, and the detailed steps below, we cover the four steps to getting your first Playwright project up and running: Installing Node JS Installing Visual Studio Installing the Playwright Extension Creating your first Playwright project We’ll be installing Node JS as we’re going to be using TypeScript (a variation on Java Script) for writing and running our tests. The execution of our tests will be in this Node JS environment too. Then we’ll install Visual Studio Code, our test development environment and IDE. Steps three and four will cover the installation of the Playwright extension and...