Playwright Solutions

What's the easiest way to only re-run failures after the Playwright Tests are finished?

Out of all the wonderful features that the Playwright Test Runner has around retrying failures, one thing I found myself needing was an easy way to re-run all the tests from a recent run. This is different than test retry and assert retry in that those are completing retries within

The Definitive Guide to API Test Automation With Playwright: Part 1 - Basics of API Testing GET Request With and Without Authorization

It's time to jump right in to building our your API tests with Playwright. First thing we will need is a website to test against. I have an awesome list of sites I keep up to date. GitHub - BMayhew/awesome-sites-to-test-on: A curated list of sites to practice testing onA

The Definitive Guide to API Test Automation With Playwright: Introduction

I have had a few folks ask if it's possible to do API testing with Playwright, the short answer YES! With this next series of posts I will walk through all the ins and outs of utilizing Playwright for all your API Testing needs. This will be the first article

Utilizing the toHaveAttribute() method when making assertions in Playwright to check if a button is enabled or disabled.

Often when testing on the UI layer, you may want to validate a button or an element is in a certain state based on the users actions. A common scenario that I have faced is signing in, filling out address information, or entering credit card details. You don't want to

Featured

How do you handle combining HTML, Json reports, and a Slack Message after a Playwright test is run with the --shard command?

This is a continuation of a series on How to send a slack notification after Playwright test finish. Part 1 discussed how to use an npm package to do this while Part 2 covered how to send slack messages from a github action. This is Part 3 where I cover

Hands on Test Automation with Playwright 99 Minute Workshop

I've partnered with the Ministry of Testing to lead a live 99 minute hands on workshop. I'm really excited to help folks get started on their journey utilizing Playwright for automation. This workshop is available for free to all Ministry of Testing Pro members. To sign up for a Pro

How do you locate the parent of an element with Playwright?

In this article I'll cover 5 different ways to locate a parent element! One common challenge with UI automation is trying to access data from or control an element on a webpage that doesn't have a unique identifier. For example, given the below Challenging DOM page, finding and interacting with

How do I test a website that has a page redirect with Playwright?

While working across different web applications you are bound to run into situations where a link or an action on a web page causes a redirect. This can happen via javascript or via http requests. A decent guide on ways redirects can be implemented can be found here. Example Website

How do you send the details of a Playwright Test run to a Slack channel via Github Action? - Part 2

A few weeks ago I posted about slack-playwright-report npm package, which allows you to send basic playwright results to a slack channel via a custom reporter within the Playwright test run. Today I'll provide examples of how to send not just the result (pass/fails) but a way to provide

Is it possible to get a parsable file with the list of all passed or failed tests after a Playwright Test run?

When I went to go answer this question at the beginning of my Playwright journey, I wasn't able to find a solution that worked for me. Thankfully the Playwright team has built the reporters functionality where it's easy to create your own custom reports. This lead me down the path

How do I run a subset of tests with Playwright Test Runner using grep functionality?

When running your playwright tests depending on how large your suite is, you will get to a point where you may only want to run a subset of tests. You can achieve this goal through a few different ways (setting up different projects, different repos, etc..), but today I'll cover

How do I access the browser clipboard with Playwright?

I recently ran into an issue where I wanted to interact with a section of the system I was testing that had 'Copy to Clipboard' functionality. This was specifically a link that I could generate and then share out. This part of our system was a part of our customer

Is it possible to get the current Playwright test name while the test is running?

This post is specifically for Playwright Typescript using the Playwright Test Runner. The Playwright team has included a TestInfo class, that includes this information, and a whole lot more! test.describe("/admin", () => { test("login with valid user", async ({ page }, testInfo) => { await page.goto("https://automationintesting.online/#/admin"); console.log(testInfo.

Is it possible in Playwright to conditionally click an element depending on which one is visible?

A question was recently asked in the Playwright Slack Channel asking if it was possible to click on whichever element was visible out of 2. There was an answer that was provided that allowed me to dive in and learn more about promises in JavaScript. The solution used the Promise.

How do you send test results to a Microsoft Teams channel when Playwright tests finish?

In the previous article I showed off how to use the playwright-slack-report package to send slack notification from within your Playwright Test run. One of the followup questions people were asking was is it possible to send notifications to Microsoft Teams as well? At the moment this isn't possible with

How do you send Slack messages to a channel when Playwright Tests Finish? - Playwright-Slack-Report

There are a few ways to tackle this problem I'll start with the easiest solution first in this post which is only for Typescript/Javascript projects. 💡Part 2 to this guide can be found here, which covers sending results to slack via GitHub actions. Playwright-Slack-Report Ryan Rosello has created playwright-slack-report

Is there a way to conditionally skip the Playwright Visual Comparison toMatchSnapshot() based on if the test is running in headed or headless mode?

I recently ran into a scenario where I was attempting to have a Visual Comparison test within a login test, and ran into a slight difference in the way headless and headed versions of chrome handled a scroll bar. * I get a scrollbar from screenshot when running headless: false * I

Use Playwright getByTestId() locator with your own custom test id name.

One of the new page locators that was released with v1.27 was await page.getByTestId("username") makes utilizing custom test attributes easy! Take the example HTML below for a login. In the 3 input fields there is a custom data attribute data-test-id below.

Login

Nov 21, 2022 2 min read

Is there a way for GitHub Action to Cache the Playwright Browser Binaries?

💡I've recently updated this as of 11/16/2022! If you've ever run into a situation where you find that you are running your Playwright tests multiple times a day as a GitHub Action, you can save time and money by caching the downloaded binaries. To understand how Playwright installs

How do I make a GitHub Action trigger Playwright Tests to run in a different repo?

💡These same steps can be used to programatically kick off Github Actions job in any repo regardless of the Test Automation Framework. If you ever find yourself with your Playwright Test Automation code in a separate repository than the service or application under test, have no fear! This post will

Is it possible to use Playwright to do Accessibility Testing?

Yes it's possible! Deque labs provides a tool called axe to assist with this. For use in playwright they specifically provide the axe-core/playwright package, and getting started is easier than ever. The below code snippet walks through how to use AxeBuilder function from the axe-core/playwright package. Calling analyze(

Is there a way to capture a value out of a test.step() in Playwright?

When using the Playwright Test Runner, you have access to test steps, which can be used when reporting steps of certain tests. Here you can define a title to describe the step, and the body which is a function that runs whatever code you want to run during this step.

How do I find a locator that keeps disappearing in Chrome for a Playwright UI Test?

I know I've run into this issue many times before. It feels like I am in a race to select the element and get a glimpse of the console to actually get the element name. This simple tip may help you keep that drop down or popup visible while interacting

What's the Difference Between ">", ">>" and " " Separators in Locators When Using Playwright?

If you've ever wondered how to use > or >> in your Playwright Locators look no further. This question was recently asked in the Playwright Slack hi everyone, is there any explanation or article about how should/could I use ">", ">>" and " " separators in locators? Eg. what is the difference between this page.

How can I get Slack notifications when a new version of Playwright is released?

One of the many reasons I'm in love with Playwright is the constant updates the tool receives. With these frequent releases there may be a few days or weeks where I may miss out on the latest features that are available. To remedy this problem I created a 'Version-Checker' github