Guide collection
Playwright guides
Set up browser tests, work with files and assertions, and explore reporting.
Watch. Try. Build.
Let’s Build a Playwright Framework!
Start with Node.js and your editor, then follow along through Playwright installation, browsers, reporting and UI mode. These videos sit alongside the written guides below.
Browse the video episodes
In playlist order. Open an episode on YouTube to continue watching the series.
- Chapter 1 – How to Install Node.js
- How to Install Playwright | Playwright Tutorials
- Chapter 2 – How to Install Visual Studio Code
- Introduction to Playwright with Demo on Cool Features
- Chapter 3 – Signing in to Copilot | The AI Coding Tool is Free
- Chapter 4 – VSC and Copilot
- Chapter 5 – Git Bash
- Chapter 6 – How to Git Clone an Existing Repo
- Chapter 7 – How to Install Playwright
- Chapter 8 – Browsers and Workers
- Chapter 9 – Reporting
- Chapter 10 – Headed and Headless Mode
- Chapter 11 – How to Pause a Test in Playwright
- Chapter 12 – How to Close your Browser in Playwright
- Chapter 13 – UI Mode in Playwright
Before you start
Basic JavaScript or TypeScript and a supported Node.js environment.
Open the first guideGuide collection · 7 guides
These guides are a collection of tasks, rather than a complete beginner course. Setup screens and supported versions can change.
Official documentation ↗Module 1
Start with the basics
Playwright vs Selenium Comparison | Why Should You Choose Playwright
This tutorial on Playwright vs Selenium will explore why Selenium which has been a ruler for decades is facing a new challenge from a fairly new competitor called Playwright. If you have been working...
Read guide →Getting Started with Playwright
Playwright is an amazing test runner that runs tests on multiple browsers parallelly. We are Getting Started with Playwright in this post and learn how to install Playwright, run existing tests that they provide...
Read guide →
Module 2
Practical browser checks
How to Upload a File in Playwright
You might encounter a scenario on how to upload a File in Playwright. To do that you can make use of the ‘filechooser’ event. You can also make use of setInputFiles method available in...
Read guide →How to Compare two arrays for Equality irrespective of their order in Playwright
Playwright uses Jest Library for its testing assertions. So the next time you are using expect from @playwright/test, just know that you have been using the expect library from Jest. There are tons of...
Read guide →How to pause in Playwright | Using the Pause Method in your Script
We are going to learn how to pause in Playwright. No, we are not talking about waiting here, we are just talking about freezing the screen so that you see your script being executed....
Read guide →
Module 3
Reports and saved sessions
How to Generate Allure Reports in Azure Pipeline with Playwright
This article on How to Generate Allure reports in Azure Pipeline with Playwright assumes some things beforehand. That you have been able to successfully create reports in Playwright or whatever tool you are using,...
Read guide →How to Save Cookies and Reuse Authentication State in Playwright
We are going to learn How to Save Cookies and Reuse Authentication State in Playwright in this tutorial. Playwright makes storing your auth state easy and then reusing it in other tests. Thus avoiding...
Read guide →
