Butch Mayhew - Playwright Solutions (Page 3)

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

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

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'

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

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("

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

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

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. <!DOCTYPE html>

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

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.

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

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 ">", ">>"

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

How to conditionally use afterEach in your Playwright Tests

There are certain scenarios that you may run into where you want to use an afterEach in a test to clean up data, but not every scenario needs this data cleaned up. My specific example was a test where I was testing a POST endpoint. We have both positive and

How to block ads during the execution of Playwright tests

Recently a site that I used for building out test automation examples added google ads to their site, which actually caused all of the tests I had written to fail. The ad one that popped up from the bottom and overlaid on top of the inputs the automation was interacting

Is there a way to list all the Playwright tests without running them?

Yes, yes there is! The below command can be run and will give you a list of all the tests that would be run. Listing out the tests gives you access to the file name and location of the test, test name, total number of tests, and total number of

How can I run multiple groups of tags with Playwright Test Runner?

If you are using Playwright Test there is this sweet sweet option to tag the tests you are writing with a single or multiple tags [https://playwright.dev/docs/test-annotations#tag-tests]. The challenge may come with you have multiple tags you would like to run together. Let's say

In Playwright Test is there an easy way to loop the test multiple times to check for flakiness?

I've found it to be a good practice to run new automated tests or edits to existing tests a few times on a pull request to check for flakiness prior to merging the new code into the main branch of the test suite. To do this you can

What's an easy way to tell how many Playwright Tests I can comfortably run in parallel?

The good news, is by default Playwright takes a stab at running tests in parallel based on your computer specs. The even better news is you may be able to get faster feedback when running your Playwright Tests by increasing or decreasing the worker count. You can learn a whole

Is There a Way for Playwright Tests to Include Additional Information in HTML Report After a Run?

I've found as the automation suite grows, typically you need a way to easily surface information to the testers or developers who are reviewing the test run reports. Thankfully the playwright team has given us this functionality within the @playwright/test runner. There is an info() method that