Playwright Installation | Bondar Academy

Lesson Summary

Welcome to the new Playwright section! In this lesson, we will cover the following key concepts: Overview of the Playwright framework structure How to run and debug Playwright tests Reading Playwright test reports We will start by installing the Playwright framework from scratch using two sample tests. You have two options for installation: Create a new folder for an independent project Install Playwright into an existing folder In this lesson, we will install Playwright as an independent project: Create a new folder named demo test . Open the folder in Visual Studio Code . Open a new terminal session and execute the command: npm init playwright@latest During installation, you will be prompted to choose a language. We will select TypeScript as it is the default for Playwright documentation. The installation will also include necessary browsers like Firefox and WebKit . Folder Structure Overview After installation, the following folder structure is created: node-modules : Contains libraries and components, including the Playwright framework. test : Contains test files, with example.spec.ts as a sample. gitignore : Excludes certain folders from the git repository. package.json : Describes the project and its dependencies. Playwright.config.ts : Main configuration file for Playwright settings. In future lessons, we will explore more capabilities of Playwright, including running and debugging tests. See you in the next lesson!