Blog

Collections of my written content and insights

43

✍️ AI Prompts for Playwright Testers: Getting the Most Out of Your AI Assistants

Unlock the full power of AI assistants for Playwright testing with practical prompt engineering tips, real-world examples, and strategies to boost your productivity.

1.1K

🤖 AI Driven Test Automation with Playwright and Midscene

Let's explore AI Driven test execution, with Midscene and OpenAI - and find out what is good, bad and uncertain, about the future of test automation

126

🛠️ Advanced Playwright Fixtures: Supercharge Your Test Setup and Teardown

Discover how to use advanced Playwright fixtures (test.extend()) to create modular, reusable setup/teardown units, significantly improving your test automation's efficiency, readability, and maintainability.

23

🔗 Quick tips - Playwright Mock API

Let's have a quick look at Mocking API's, intercepting and fulfilling the responses with our own test data

4

🚦 Handling Waits in Playwright: Auto-Waits and Explicit Waits

Conquer flaky tests by understanding Playwright's auto-waiting mechanism and learn when and how to use explicit waits like waitForSelector and waitForFunction.

80

⬅️ Shift-left automation testing with pre-commit hooks

Let's implement pre-commit hooks and shift checks earlier in the software development lifecycle.

55

♿ Quick tips - Playwright Aria Snapshot

Let's have a quick look at generating, updating and using Aria Snapshots

26

🚀 Quick tips - 14 Playwright scripts you should add to your next project

Playwright is very feature-rich, and you may not even be aware of what it's capable of. Check out these scripts that you need to add to your next project

2

🚀 Quick Tip: Mastering `test.slow()` and `test.fixme()` in Playwright

Effectively manage your Playwright test suite by learning when and how to use test.slow() to triple timeouts for specific tests and test.fixme() to mark flaky or broken tests without failing your CI build.

3

📸 Visual Regression Testing with Playwright: A Quick Look

Ensure your application looks right! Learn how to use Playwright's built-in `toMatchSnapshot` for visual regression testing, comparing screenshots against baselines.

561

⚙️ Automatic snapshot creation in CI for Playwright

It can be tedious to update baseline images as a part of your visual regression suite, so I've created a pipeline to automatically generate them and open a pull request for you

186

📧 Email verification with gmail-tester and Playwright

Verifying emails can be a key part of many applications, let's see how we can achieve this without interacting with the UI

14

🌍 Testing Geolocation with Playwright

Grant Geolocation permissions and emulate the Geolocation for your automated tests

6

🧹 Cleaner Tests with Page Object Model (POM) in Playwright

Improve Playwright test readability and maintainability by implementing the Page Object Model (POM) design pattern. Learn with a practical TypeScript example.

2

🔎 Mastering Playwright Locators: Your Guide to Finding Elements

Learn how to reliably find elements in Playwright using recommended locators like getByRole, getByText, getByLabel, and best practices for CSS/XPath selectors.

77

💸 Attributing costs to test execution

How much does it actually cost to execute your tests, and what are the hidden costs we aren't considering

21

💡 Quick tips - Playwright Abort

Let's have a quick look at network mocking, intercepting requests and changing their behaviour

34

🎨 Transforming Playwright tests into Mermaid visualisations

Being able to understand and visualise your test coverage is important, let's see how we can automate this process with Mermaid JS