Playwright Solutions

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.

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

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

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&

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%

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

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,

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

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

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

Playwright Community Highlight: Luc Gagan | Ray.run

This week I wanted to try something different, rather than queue up my next post, I wanted to highlight a Luc Gagan's contributions to the Playwright Community. Luc has only been at it for a few months, and has created some great content, tutorials, tooling, and more on

Creating custom expects in Playwright: how to write your own assertions

I enjoy reading, specially now when temperatures are in the mid-80s. It's so nice to relax by the pool with a good book. When a book is well-written, it's easy to read, and I can spend hours turning those pages, letting my imagination create scenes and

How do you define an apiURL along with the baseURL in a Playwright Test?

I was recently asked how I handle an apiURL along with the baseURL in my Playwright Tests. One of the big benefits you get out of the box with Playwright is the ability to make API calls to create data or intercept network requests in order to have data to

How do you get a response value of an underlying network request when running a Playwright Test?

Often when I'm interacting with a web application that creates new things, I find myself wanting the id or unique identifier of something that was just created for an assertion or to use in another action. Typically these are found in the network responses that happen form an

A better way to control before and after blocks with test titles

"Without continual growth and progress, such words as improvement, achievement, and success have no meaning." - Benjamin Franklin. Have you ever looked at the code you wrote a few months ago and started thinking, "Wow, 'old me' thought it was pretty good, but this is

New ❤️ Button + Playwright 1.33 & 1.34 Release Video

This week I will be brief in the US we have Memorial Day as a holiday and I've been doing a lot of learning apart from Playwright. This week I created my first NodeJS server with 3 endpoints and a hosted MongoDB backend. I updated the Playwright template

How do I check the value inside an input field with Playwright?

Between all the assertions you can make on a page while on a page in playwright, every once in a while I find I want to validate that text is already pre-populated in an input field to validate my system is behaving properly. In this case the assertions aren'

The Definitive Guide to API Test Automation With Playwright: Part 5 - Calculating API Endpoint Coverage

Now that I have some decent coverage around the auth and bookings endpoints, I have a new challenge. How do I keep up with what areas need coverage added, and how do I know if a a new auth endpoint gets added, without manually checking the docs every day. Today&

The Definitive Guide to API Test Automation With Playwright: Part 4 - Handling Headers and Authentication

One of the first areas your likely to run into issues while writing automation for apis is around headers and authentication. I hope to share a few ways I've handled authentication and header management from my experiences, though there are many solutions to this problem. If you missed

How can I create a locator from a link with a unique href in Playwright?

I was recently asking myself this very same questions. With all the great locator tooling out there, sometimes there is just an old piece of legacy code that isn't going to get modified to add a data test id or other unique locator. In those situations we can

How do I mock HTTP network traffic for a specific response via in Playwright?

I recently had a scenario where I wanted to make a check on a UI element but the data within the UI element was a count that other tests in my suite would affect. There were really 2 approaches I saw forward. One was intercept the network traffic and scrape