Why does this skill prioritize getByRole over CSS selectors?

Using getByRole mirrors how users and screen readers interact with the page, making tests more resilient to implementation changes and ensuring better accessibility.

Can I use this for visual testing?

Yes, it includes patterns for visual regression testing using toHaveScreenshot to detect unintended UI changes across different deployments.

Does it support API mocking?

Absolutely. The skill provides patterns for using page.route() to intercept network requests, allowing you to mock backend responses and test error states reliably.

How does this skill handle flaky tests?

It emphasizes web-first assertions and Playwright's auto-waiting logic, which eliminates the need for manual sleeps and ensures elements are ready before interaction.

Playwright E2E Testing

Name: Playwright E2E Testing
Author: agents-inc

byagents-inc

0•

セキュリティとテスト

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

This skill provides a comprehensive framework for building reliable E2E tests with Playwright, focusing on accessibility-first locator strategies, the Page Object Model (POM), and web-first assertions. It enables developers to automate complex user journeys like authentication and checkout while ensuring test stability through network mocking, visual regression testing, and automatic waiting mechanisms, ultimately catching integration bugs that unit tests might miss.

主な機能

01Accessibility-first locator strategies using getByRole for resilient tests

02Web-first assertions that eliminate flakiness via automatic waiting

03Visual regression testing capabilities to detect unintended UI changes

040 GitHub stars

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

06Advanced network interception and API mocking for isolated testing

ユースケース

01Performing cross-browser compatibility testing to ensure a consistent experience across Chromium, Firefox, and WebKit

02Validating application accessibility and UI stability through ARIA snapshots and visual regression tests

03Automating critical business workflows like user login, registration, and multi-step checkout processes

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