Playwright Solutions

Playwright Solutions Challenge: Debug and figure out why the video recording isn't in the HTML report?

A few weeks back I was approached with a playwright challenge. The challenged seemed like an easy one to solve but I was surprised with the solution, so much so I wanted to share it here and give you a chance to exercise your debug skills. The Challenge 🎯The Challenge:

[Update v1.46] Is it possible to run only Playwright Tests that changed in GitHub actions on a pull request?

Good news everyone! This is now possible to do without any external scripts. It is all baked into the Playwright CLI. Original solution If you've been subscribed for some time you may have remembered the original solution. It included getting a list of the file names by running

How Do I Combine Playwright HTML Reports After Running Multiple Playwright Commands?

A Fun Challenge I recently had someone reach out to me with this question. They wanted to run a set of tests with 3 workers and then a separate test run with  with 1 worker and the command looked something like this. npx playwright test --grep-invert @api --workers=3 &

How Do You Scroll To The Bottom Of An Infinite Scrolling Page In A Playwright Test?

This week our team had a renewed focus on addressing some of our flakey tests, and one of the things we ran across was an interesting page interaction. We wanted to utilize our drop down to limit the amount of responses within a page. The options for filtering  are 5,

How To Load a Custom Test Fixture or Setup Projects When Running Playwright Test Code Generator

I'm a big fan of the Playwright Test Generator when I first start writing tests. I find the tool very useful to quickly identify useful locators/selectors, and quickly generate some test code and assertions from recording my manual actions through a website. Though the code isn'

How To Use Playwright's testInfo.retry To Deal With Flakey Environments

The environment I am working with can be unstable sometimes. To ensure I don't have false negative tests, I need to rerun the failed checks. Playwright makes this easy by allowing you to pass --retries followed by the number of retries. Skipping certain tests if retried The problem

A Few Thoughts On Flakey Tests

When a new test automation project starts there are really 3 buckets of work that happen. building (creating new tests), maintaining (updating existing tests as the application changes), and monitoring (keeping an eye on automation runs, investigating failures and surfacing findings to the team). "Flakey" tests really come

How To Run Failures Only From The Last Playwright Run Via CLI

Hello Playwright 1.44 release! With this release we now have official support to run failures only from the last playwright run. 💡TLDR; npx playwright test--last-failed Previous Solution Last year I created the json summary reporter and a bash script that can be found in the article below. This was

Featured

In-Depth Review of Playwright Dashboard by Currents

In this guide I'll be sharing my experiences using the Playwright Dashboard by Currents with my Playwright Solutions projects I've built over the years. This article is sponsored but I was given the liberty of sharing my honest experiences with the platform. All of my examples

👀 Playwright Indent List Reporter

Do you ever find the need to 🌶️ up your command line interface? Well good news Syzana Bicaj, has released a npm package that allows you to customize your colors but also to indent the spec files in your terminal for easy reading! In order to install the package with the

Playwright Ask Me Anything Debrief: Will Playwright Replace Cypress?

This past week I was able to participate in a Playwright Ask Me Anything that was hosed by Ministry of Testing. Over the hour we had a plethra of questions that came in that thought would be good to dive deeper on across a few articles. Today I plan to

A Feature Map Framework with Playwright for Improved UI Testing Tracking

A few weeks back Ben Fellows created a LinkedIn post asking for solutions around a problem he often faces in his work. As a QA service provider building automation, one challenge I face is allowing the customer to see & engage with the test plan. I've tried TestPad,

Playwright Release 1.40 Includes Ability to Create Assertions Through Codegen Tool!

The Playwright team just released version 1.40 of Playwright, which included a long awaited feature: the ability to create assertions right from the Codegen tool! This should help lower the barrier to entry for folks new to Playwright making it easier for them to add assertions to their browser

The Definitive Guide to API Test Automation With Playwright: Part 16 - Adding CI/CD Through GitHub Actions

This is the final planned article of this series, where we will discuss Adding CI/CD through GitHub Actions. In this guide I'll walk through the basics of GitHub Actions along with ways you can scale your tests as the suite grows. If you're just joining

How Do You Append Query Parameters To page.goto() Using Playwright Test?

There haven't been many times where I wanted to add and validate query parameters on certain requests, but this guide be really useful if you are testing UTM or other types of tracking links that utilize URL parameters. For this article I'll be utilizing the repo

The Definitive Guide to API Test Automation With Playwright: Part 15 - Adding Test Tags to Get Targeted Feedback

In this guide I'll cover how tags work, link to other articles where I discuss some tips on how to use tags, and show some code examples of the tags I like to use. If you are just now joining us for the first time feel free to

How to quickly get realistic data with Faker?

When testing a registration process, or filling any form, it's pretty easy to add a "Jane Doe". But when you also need to add an email, an address, and do it in a different locale it becomes troublesome. Sure you can create data sets, but why

What the Hex, or How I Check Colors With Playwright

Don't worry; it's not a Matrix situation where you have to choose between red and blue. I'm a visual person, and it's easier for me to explain things with diagrams, pictures, or, better yet, my facial expressions. Since the internet isn'

How To Fix: apiRequestContext.fetch: Request context disposed

Within my automation tests at work, I found myself running into these two errors within my tests when I use the await page.route() (docs) functionality. Error: apiRequestContext.fetch: Request context disposed Error: apiRequestContext.fetch: Browser has been closed With additional information 1 error was not a part of any

The Definitive Guide to API Test Automation With Playwright: Part 14 - Creating Custom Assertions Through Extending Expect

This week I'll be going back and refactoring some tests adding custom assertions to my repo. This is something I considered implementing early on but decided against it, as I wanted to keep things simple. with the release of 1.39 the Playwright team has released some easier

The Definitive Guide to API Test Automation With Playwright: Part 13 - Validate API Response Against OpenAPI Spec Schema

Welcome back, this week we'll look at how to validate the api response body from the schema against the OpenAPI spec schema. This is a more complex solution than we covered in the previous article below. In that article we walked through taking a snapshot of the response,

The Definitive Guide to API Test Automation With Playwright: Part 12 - My Top 10 Great Practices

Ok so I will admit, I was tempted to title thisBest Practices but decided to stick with Great practices because all the advice I plan to give really "Depends on Your Context". I do however plan to give you some good advice along with rationale so you can

The Definitive Guide to API Test Automation With Playwright: Part 11 - Adding Multi Environment Support

In part 11 of this series I will cover how you can add multi environment support to your Playwright project. There are multiple ways to handle this depending on how you have built your project. I'll cover the way I handled it which includes having different .env files

The Definitive Guide to API Test Automation With Playwright: Part 10 - Adding Unit Tests for Helpers

Welcome back! In this weeks guide I'm going walk you through the a pull request that was made by a reader Adam Pajda. He took some time and added unit tests around 4 different functions that I created through this series. For this article I will walk through

How do you create dynamic locators with Playwright?

This is a very popular question that gets asked quite often in the Playwright Discord help channel. One of the main reasons I believe this is so popular is because no one wants to write the same code over and over for the same operation with a slightly different input.