Why should I use getByRole instead of 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.

How does this skill handle flaky tests?

It enforces web-first assertions that auto-wait for elements to be ready, eliminating the need for manual sleeps which are the primary cause of flakiness.

Can I mock API responses with this skill?

Yes, the skill includes patterns for network interception using page.route() to mock or modify API responses for reliable, isolated testing.

Does it support visual testing?

Absolutely. It provides patterns for screenshot comparison, masking dynamic content, and disabling animations to ensure deterministic visual regression tests.

Playwright E2E Testing

Name: Playwright E2E Testing
Author: agents-inc

byagents-inc

0•

安全与测试

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

This skill provides a comprehensive framework for building reliable end-to-end test suites using Playwright. It implements industry best practices such as accessibility-based locator strategies, auto-waiting assertions to eliminate flakiness, and the Page Object Model (POM) for maintainable code. Whether you are testing complex multi-page user journeys, mocking third-party APIs with route interception, or performing visual regression checks, this skill ensures your tests are stable, performant, and accurately mirror real-world user interactions.

主要功能

01Visual regression testing and screenshot comparison tools

02Reliable web-first assertions with built-in auto-waiting mechanisms

030 GitHub stars

04Accessibility-first locator strategies using getByRole and ARIA snapshots

05Scalable Page Object Model (POM) implementation for maintainable test suites

06Advanced network interception and API mocking for isolated testing

使用场景

01Ensuring cross-browser compatibility across Chromium, Firefox, and WebKit

02Automating regression testing for UI changes and accessibility compliance

03Verifying critical user flows like multi-step checkout or registration

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

主要功能

01Visual regression testing and screenshot comparison tools

02Reliable web-first assertions with built-in auto-waiting mechanisms

030 GitHub stars

04Accessibility-first locator strategies using getByRole and ARIA snapshots

05Scalable Page Object Model (POM) implementation for maintainable test suites

06Advanced network interception and API mocking for isolated testing

使用场景

01Ensuring cross-browser compatibility across Chromium, Firefox, and WebKit

02Automating regression testing for UI changes and accessibility compliance

03Verifying critical user flows like multi-step checkout or registration

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