What is the preferred locator strategy in this skill?

This skill prioritizes accessibility-based locators like getByRole because they mirror how actual users and screen readers interact with the page, making tests more resilient to implementation changes.

Can I perform visual regression testing with this skill?

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

How does it handle flaky tests and race conditions?

It enforces the use of web-first assertions that automatically wait for elements to reach a specific state and strictly prohibits manual sleeps, ensuring reliable execution.

Does it support mocking external APIs?

Absolutely. The skill provides detailed patterns for network interception using page.route, allowing you to mock backend responses, simulate errors, or modify real data for isolated testing.

Playwright E2E Testing

Name: Playwright E2E Testing
Author: agents-inc

byagents-inc

0•

セキュリティとテスト

Implements robust end-to-end web testing patterns using Playwright to verify complete user workflows through real browsers.

This skill provides a comprehensive framework for building reliable E2E tests with Playwright, focusing on high-quality patterns like the Page Object Model, accessibility-based locators, and network interception. It helps developers eliminate flaky testing practices by enforcing web-first assertions and strict test isolation, making it ideal for verifying critical business journeys such as authentication, checkout flows, and complex multi-page interactions while maintaining high accessibility standards.

主な機能

01Automated network mocking and API response interception

02Accessibility-first locator strategies using getByRole

03Page Object Model (POM) architecture for maintainable suites

04Custom test fixtures for streamlined authentication and setup

050 GitHub stars

06Visual regression testing with screenshot comparison and masking

ユースケース

01Testing complex frontend interactions requiring real-time API mocking

02Catching UI regressions across multiple browsers and screen sizes

03Verifying critical user journeys like account registration and checkout flows

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