How does this skill handle flaky tests?

It enforces web-first assertions and auto-waiting mechanisms, avoiding manual timeouts and sleeps that typically cause flakiness in browser automation.

Why does it prioritize getByRole locators?

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

Can I mock backend APIs with this skill?

Yes, it covers network interception techniques using page.route() to mock or modify API responses for reliable, isolated testing.

Does it support testing authenticated states?

Yes, it includes patterns for custom fixtures and authentication state sharing to efficiently test protected routes without repeated logins.

Can I use this for visual testing?

Absolutely. It provides patterns for screenshot comparison, including masking dynamic content and handling animations for deterministic results.

Playwright E2E Testing

Name: Playwright E2E Testing
Author: agents-inc

byagents-inc

0•

安全与测试

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

This skill provides a comprehensive framework for building reliable end-to-end tests using Playwright within the Claude Code environment. It guides the agent to implement industry best practices such as the Page Object Model (POM) for maintainability, accessibility-based locators like getByRole to ensure semantic integrity, and web-first assertions that eliminate flakiness through auto-waiting. Whether you are validating critical user journeys, mocking network responses for isolation, or performing visual regression testing, this skill ensures your E2E suite is stable, scalable, and follows modern automation patterns.

主要功能

01Accessibility-first locator strategies using getByRole and ARIA snapshots

02Network interception and API mocking for consistent test environments

03Auto-waiting web-first assertions to eliminate flaky test results

040 GitHub stars

05Visual regression testing with screenshot comparisons and masking

06Page Object Model (POM) architecture for scalable test maintenance

使用场景

01Automating visual regression checks to catch unintended UI changes

02Implementing cross-browser compatibility testing for complex web apps

03Verifying critical user journeys like authentication 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

主要功能

01Accessibility-first locator strategies using getByRole and ARIA snapshots

02Network interception and API mocking for consistent test environments

03Auto-waiting web-first assertions to eliminate flaky test results

040 GitHub stars

05Visual regression testing with screenshot comparisons and masking

06Page Object Model (POM) architecture for scalable test maintenance

使用场景

01Automating visual regression checks to catch unintended UI changes

02Implementing cross-browser compatibility testing for complex web apps

03Verifying critical user journeys like authentication 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