Playwright Solutions

👀 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, TestRail, Sheets, & even

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 us now go check

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 that has some automated

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 check out

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 not just generate it

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't ready for my facial expressions, let's use pictures here.

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 ways to

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, converting it

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 tell when

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 per environment.

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 the different

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.

How Do You Set Hooks Before Or After Each Test Globally in Playwright Test?

This was a recent question that was asked in the Playwright Discord channel. I want to do some kind of "reset" in a specific table after every spec. I could simply achieve it by setting up an afterAll in each spec but this is equal repeating the same line of

The Definitive Guide to API Test Automation With Playwright: Part 9 - Validating JSON Schema

Welcome back! In this weeks guide I'm going walk you through the tooling I use to help me create JSON schema snapshots, and asserting on those snapshots within Playwright API tests. If you're just joining us now go check out the introduction post which links to all parts we've covered

The Definitive Guide to API Test Automation With Playwright: Part 8 - Adding ESlint, Prettier, and Husky

I'm a big fan of consistency within a codebase. I somewhat care less about the specifics as long as it's the same. Today I'll cover extra tooling that are common in the JS/TS ecosystem to help solve common errors and consistency. If you're just joining us now go check

The Definitive Guide to API Test Automation With Playwright: Part 7 - Creating Helper Functions for Common tasks

Welcome back as we continue our series on API Test Automation with Playwright! Today I'll walk through the changes made in the pull request, which include: * Helper Functions * Create Assertion Helper * Update to Absolute paths instead of Relative paths * branding, message, report, and room endpoint coverage to 100% If you're

Is it possible to override retry attempts on a specific spec file in Playwright?

This was a question that was recently asked via the Playwright Discord server in the #help-playwright channel. If you aren't there you should join now! For today's solution I'll be using the https://practicesoftwaretesting.com/ website for the system under test. The pull request with the code added can be

How do you create a dynamic goto function in Playwright?

If you've ever needed create a goto method that is dynamic in that it can take parameters and use them in the URL you want to visit, this solution should be helpful. I don't have a demo site to write live code against for this example, so we're just going

Is it possible to change colorScheme in the middle of a Playwright test?

This was a question that was recently asked via the Playwright Discord server in the #help-playwright channel. If you aren't there you should join now! Hi there, I wish to be able to change the system/browser's theme preference in the middle of my test, because my app can react

Handling Multiple Login States Between Different Tests in Playwright

This week I was inspired to write about how to handle different login states in a Playwright project, from a conversation with a Joel a fellow tester and this question that was asked in the Discord Channel. I followed the doc https://playwright.dev/docs/auth for storing 'logged in'

The Definitive Guide to API Test Automation With Playwright: Part 6 - Creating a DataFactory to Manage Test Data

I believe the hardest thing about Test Automation is creating and managing test data and system state. Today's guide we are going to walk through how I typically tackle the test data problem in my test automation projects. Keep in mind there are multiple ways to solve this problem. If