|
By Stefan Judis
Thanks to Microsoft's Playwright, running end-to-end tests with real browsers is quickly done. Initialize a new Playwright project, install all the dependencies, and off you go! Then, any new headless browser test run is only one npx playwright test away. But have you checked all the test command's CLI options? playwright test includes a few real gems to help you create better tests faster. Let me share a mixed bag of my favorite CLI tricks in this post.
|
By Stefan Judis
In a previously released YouTube video, I explained how and why Playwright fixtures perfectly match with page object models. Combining the two allows you to hide setup instructions and keep your tests clean. Page object models no longer have to be initialized in every test case. To be upfront — I'm a fixture fanboy! But what if you need to pass additional configuration to your page object models? When options are hidden in a fixture, you can't configure how a class is initialized, right? Wrong!
|
By Nočnica Mellifera
Today I want to show you how you can attach your screenshots directly to Playwright's test reports. Imagine you have a simple Playwright test that navigates to Checkly. You take a screenshot and store it in screenshots/home.png. Then, you click a link in the main navigation, expect a specific heading to be visible, and take another screenshot. When you run this test using npx playwright test, the test passes, and you find the screenshots in the /screenshots directory.
|
By Stefan Judis
One of our Slack community members recently asked if they could use Playwright and Checkly to detect broken links on their sites. They certainly can, and the answer to this question covers so many different Playwright concepts that it makes a perfect case for sharing Playwright features with the community. Let's unveil some links going nowhere! If you prefer the video version of this tutorial,
|
By Nočnica Mellifera
You probably know that Microsoft’s Playwright is a solid tool for end-to-end testing, enabling you to control headless browsers and check essential user flows. But did you know that you can also use Playwright for API testing? If you didn’t, then this guide is for you. In this post, we’ll explore how Playwright can be used to test a GraphQL API (but don’t worry if you’re using REST; Playwright can handle any HTTP-based API).
|
By Stefan Judis
You can write Playwright end-to-end testing code using JavaScript or TypeScript. Which one should you choose? When I started writing my first automated browser tests, I went with JavaScript because I couldn't be bothered with the type wrangling. I just wanted to get something off the ground quickly. YOLO, right? Today, though, there are two reasons why I last wrote a JavaScript-first Playwright test a very long time ago.
|
By Sara Miteva
Adopting best practices for software deployment is essential to maintaining a high standard of quality, minimizing downtime, and ensuring that your applications meet user expectations. Here are five best practices to help you deploy your software more securely and reliably.
|
By Nočnica Mellifera
When testing and monitoring websites end to end with Playwright, choosing the right locators is crucial. Proper locators help create tests that are less flaky and more reliable. Let's explore user-first locators and how to filter locators for more robust tests.
|
By Alberto Gomez
I've been in the observability market long before it even had that name. Over the years, observability has undergone a significant transformation. As someone who has witnessed these changes firsthand, I can attest to the dynamic nature of this field. In the early days, it was largely about basic monitoring: tracking system metrics, lots of logs, and simple alerts.
|
By Jan Grzesik
When I was first learning programming, I was implementing a markov chain and explained to my mentor that it was taking me more than a week to do. I was implementing input sanitization on my interface. “Don’t do that” said my mentor, “your tool has zero users, soon it will have one user, you.
|
By Checkly
Learn how to optimize your Playwright end-to-end testing with additional `playwright test` command line options to run only failed tests, make Playwright Git-aware, or avoid running `test.only` in CI/CD. Got questions or tips?
|
By Checkly
Join Stefan Judis in this Playwright tutorial, where he explains how to make your custom Playwright fixtures configurable using "option fixtures". Stefan briefly explains the fixture concept but then focuses on creating an option fixture configurable on a global, project, and spec file basis.
|
By Checkly
Join Stefan Judis in this Playwright tutorial, where he explores detecting broken links using Playwright and/or Checkly. Stefan covers essential techniques such as soft assertions, crafting custom error messages for clearer debugging, and using page context-aware requests to check for URL status codes. Whether you're dealing with empty links, nonexistent domains, or 404 errors, this video provides all the tools needed to enhance your testing strategy effectively.
|
By Checkly
Join Stefan Judis as he explores the concept of decorators in Playwright TypeScript code. Learn how decorators can streamline your coding process, improve test readability, and save you time. In this tutorial, Stefan will demonstrate how to implement decorators within Playwright page object models, starting from scratch. He provides practical examples and insights into decorators, a feature not yet standard in JavaScript but available in TypeScript.
|
By Checkly
Join Stefan Judis, Playwright Ambassador, as he shows you how to speed up your Playwright test suite execution time for apps behind a login. Usually, login-walled products require you to log in for every test case. However, by implementing project dependencies, setting up a project, and pairing everything with the storage state, you can log into your app once and then reuse the browser and storage state. This setup equips your subsequent tests with essential cookies and browser state, saving time and effort by avoiding repetitive login actions.
|
By Checkly
At Checkly we’re always trying to help our users find and resolve issues 10x faster, and the OpenTelemetry project wants to enable more observability with open standards. I’m excited to share Checkly Traces, our new tracing solution built on OpenTelemetry, and how it can help you find the root cause of problems in real time.
|
By Checkly
In today's video, we're exploring the fact that Playwright doesn't type check your code when using TypeScript. We'll explore what this means and discuss why this could be an issue, especially for larger projects. Then we set up type checking and add "typescript-eslint" to strengthen and improve your Playwright code. Join us for this deep dive and leave any questions or comments below. Stay tuned for more Playwright tips!
|
By Checkly
Join Nočnica Mellifera for the Checkly Kick-start. You'll learn: How to get started and write your first page monitors — Anyone can monitor their site with Checkly, and you'll get a demonstration on getting started. Best Practices for monitoring — From monitoring as code workflows to alert configurations based on your SLA, learn how experienced professionals use synthetic monitoring. Advanced skills for automation — Ever wanted to check your site by comparing screenshots? Or create checks that simulate network slowdown? Learn how to simulate complex scenarios with Checkly and Playwright.
|
By Checkly
In this video, we dive into Playwright's "page.goto()" and understand why it could be slowing down your end-to-end tests. We start with an example script and then walk you through the Playwright UI mode to understand how resource loading can delay the "page.goto()" call. We also look into the different "waitUntil" configurations and check how they affect the speed of your tests. Enjoy, and drop any questions or comments below!
|
By Checkly
When adopting Playwright, it can be tough to know if you're following the right design principles for a process that will work at scale. For those Cypress users, check out Cypress at Scale. Join Jonathan and Filip as we explore how mature organizations and effective teams adopt Playwright. We'll cover what we've seen in the wild and key considerations. — Fundamentals & principles: You'll understand what Playwright is and its design principles.
- October 2024 (2)
- September 2024 (5)
- August 2024 (9)
- July 2024 (10)
- June 2024 (6)
- May 2024 (5)
- April 2024 (12)
- March 2024 (10)
- February 2024 (11)
- January 2024 (12)
- December 2023 (17)
- November 2023 (5)
- October 2023 (2)
- September 2023 (4)
- August 2023 (6)
- July 2023 (4)
- June 2023 (5)
- May 2023 (8)
- April 2023 (3)
- March 2023 (9)
- February 2023 (10)
- January 2023 (4)
- December 2022 (8)
- November 2022 (6)
- October 2022 (11)
- September 2022 (4)
- August 2022 (6)
- July 2022 (4)
- June 2022 (5)
- May 2022 (2)
- April 2022 (1)
- March 2022 (1)
- February 2022 (1)
- November 2021 (2)
- October 2021 (1)
- July 2021 (1)
- June 2021 (2)
- May 2021 (1)
- March 2021 (1)
- January 2021 (3)
- December 2020 (1)
- November 2020 (1)
- October 2020 (1)
- September 2020 (2)
- August 2020 (3)
- July 2020 (1)
- June 2020 (2)
- May 2020 (2)
- April 2020 (2)
- March 2020 (1)
- February 2020 (1)
- January 2020 (2)
- December 2019 (1)
- September 2019 (1)
- July 2019 (2)
- June 2019 (4)
- May 2019 (5)
- April 2019 (3)
- March 2019 (3)
- January 2019 (1)
- December 2018 (1)
- November 2018 (1)
- October 2018 (2)
- August 2018 (4)
Downtime caused by API performance has serious business impact. Use Checkly's deep but easy to use API monitoring solution to check your mobile, webapp or IoT API for performance, uptime and correctness.
Checkly is the easiest way to monitor your API's and Browser click flows from a single dashboard. Use a powerful assertions engine to check all your (mobile) API's for timeliness and correctness. Use javascript to check your most crucial browser transactions. Built specifically for developers and ops teams.
We run your checks from multiple global data centers and alert you when things go south with SMS, Pagerduty etc. Add team mates, call checks from your CI/CD pipeline and publish a status page under a custom domain. We also do SSL expiry checks!
Features at a glance:
- No more broken APIs: Make sure your API is always responds quickly and with the correct payload. Get started quickly with our Swagger or cURL importer and super easy API monitor creator.
- No more broken shopping carts: Monitor and validate your most crucial site transactions like logins, shopping carts and onboarding flows. Take screenshots to get instant insights into what's working and what's not.
- Alerting without limits: Keep your team up to date with a generous helping of SMS messages and unlimited email, Pagerduty, Slack and web hook notifications. Control exactly how, when and how often you get alerted. Of course, "double-checking" is enabled by default to never get false positives.
- Insights without limits: Doing a root cause without complete and accurate data is insane. But too much detail can also be distracting. That's why next to calculating aggregates to keep an overview, Checkly stores each and every raw result for you and your team to dive into.
A better way to monitor your APIs and site click flows.