What is the benefit of using custom fixtures?

Custom fixtures encapsulate setup and teardown logic, such as authentication or database seeding, making your test files cleaner and more focused on the specific logic being tested.

Does it support API mocking?

Absolutely. It provides patterns for network interception using page.route() to mock external APIs, allowing you to test error states and ensure test isolation from backend dependencies.

Why does this skill prioritize getByRole?

It uses accessibility-based locators because they mirror how actual users and screen readers interact with the page, making tests more resilient to changes in underlying HTML implementation.

Can I use this for visual testing?

Yes, it includes patterns for visual regression testing using toHaveScreenshot, including advanced features like masking dynamic content and disabling animations for deterministic results.

How does this skill handle flaky tests?

The skill enforces web-first assertions like toBeVisible() and toHaveText() which automatically wait and retry until conditions are met, eliminating the need for fragile manual sleeps.

Playwright E2E Testing Patterns

Name: Playwright E2E Testing Patterns
Author: agents-inc

byagents-inc

0•

セキュリティとテスト

Implements robust end-to-end web testing using Playwright with a focus on accessibility-first locators, page object models, and reliable auto-waiting assertions.

This skill provides specialized guidance for building high-quality end-to-end test suites using Playwright. It emphasizes modern testing best practices such as utilizing the Page Object Model for maintainability, prioritizing accessibility-based locators like getByRole to mirror real user interactions, and leveraging web-first assertions to eliminate flaky tests. It also covers advanced scenarios like network interception for mocking APIs, visual regression testing, and custom fixtures to streamline complex authentication and setup workflows, ensuring your web applications work correctly from the user's perspective.

主な機能

01Web-first assertions with built-in auto-waiting to prevent test flakiness

020 GitHub stars

03Network mocking and route interception for isolated and reliable API testing

04Visual regression testing capabilities with screenshot comparison and masking

05Page Object Model (POM) patterns for scalable and maintainable test code

06Accessibility-first locator strategies using getByRole and getByLabel

ユースケース

01Verifying cross-browser compatibility and responsive design across different viewports

02Automating visual regression checks to catch unintended UI changes during development

03Testing critical multi-step user journeys like login, checkout, and form submissions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-testing-playwright-e2e

For use in Claude.ai and ChatGPT

Download Skill