How does this skill handle flaky tests?

The skill enforces the use of web-first assertions that automatically wait and retry until conditions are met, eliminating the need for manual and unreliable sleep timers.

Can I use this skill to mock external API calls?

Yes, it includes patterns for network interception using page.route() to mock, abort, or modify responses, ensuring your E2E tests remain fast and deterministic.

Why does this skill prioritize getByRole() for locators?

Using getByRole() is an accessibility-first strategy that mirrors how real users and screen readers interact with the page, making tests more resilient to implementation changes.

Does this skill support visual regression testing?

Absolutely. It provides patterns for capturing screenshots, masking dynamic content, and setting thresholds to detect unintended visual changes in your UI.

Playwright E2E Testing Patterns

Name: Playwright E2E Testing Patterns
Author: agents-inc

byagents-inc

0•

Seguridad y Pruebas

Implements robust end-to-end web testing suites using Playwright with a focus on accessibility-first locators and scalable Page Object Models.

This skill provides a comprehensive framework for building reliable E2E tests that verify complete user workflows within real browsers. It guides Claude to follow industry best practices such as utilizing the Page Object Model (POM) for maintainability, leveraging web-first assertions to eliminate flakiness, and prioritizing accessibility-based locators like getByRole. Whether you are testing critical checkout flows, performing visual regression analysis, or mocking complex network interactions, this skill ensures your testing strategy is resilient, isolated, and mirrors actual user behavior.

Características Principales

01Visual regression testing and ARIA accessibility snapshots

02Advanced network mocking and API response interception

03Accessibility-first locator strategies using getByRole

040 GitHub stars

05Web-first assertions with automatic waiting logic

06Scalable Page Object Model (POM) architecture

Casos de Uso

01Automating critical user journeys such as authentication and multi-step checkout processes

02Mocking third-party API dependencies to ensure reliable and isolated test environments

03Detecting UI regressions through visual screenshot comparisons and accessibility tree validation

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

Características Principales

01Visual regression testing and ARIA accessibility snapshots

02Advanced network mocking and API response interception

03Accessibility-first locator strategies using getByRole

040 GitHub stars

05Web-first assertions with automatic waiting logic

06Scalable Page Object Model (POM) architecture

Casos de Uso

01Automating critical user journeys such as authentication and multi-step checkout processes

02Mocking third-party API dependencies to ensure reliable and isolated test environments

03Detecting UI regressions through visual screenshot comparisons and accessibility tree validation

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