How does this skill improve test reliability?

It promotes semantic selectors, explicit waits, and independent test structures, which minimize flakiness and make tests easier to maintain.

Is it compatible with React 19 and Astro?

Absolutely, it is specifically optimized for Astro 5.16 and React 19 projects, including handling fast refresh and modern framework features.

Does this skill handle starting the development server?

No, this skill follows the practice of connecting to an externally managed server (like PM2) to ensure faster execution and better environment consistency.

Can I use this for accessibility testing?

Yes, it includes patterns for integrating Axe-core to perform automated accessibility scans as part of your E2E suite.

Playwright Testing Patterns

Name: Playwright Testing Patterns
Author: jovermier

byjovermier

0•

Security & Testing

Implements high-performance end-to-end testing patterns and best practices using Playwright for Astro and React applications.

This skill provides specialized guidance for creating robust end-to-end tests within Astro 5.16 and React 19 environments, emphasizing maintainable patterns like the Page Object Model (POM) and custom fixtures. It enforces critical best practices such as avoiding hardcoded URLs, utilizing semantic accessibility-first selectors, and managing environment-specific configurations without the overhead of internal web servers. Designed for efficiency, it includes built-in support for network interception, visual regression testing, and automated accessibility audits using Axe, ensuring comprehensive coverage and high-quality user experiences.

Key Features

01Root-relative path enforcement with environment-based URL configuration

020 GitHub stars

03Network request interception and API mocking for isolated testing

04Advanced Page Object Model (POM) patterns for maintainable test suites

05Custom test fixtures for authenticated sessions and console error tracking

06Automated accessibility testing integration with @axe-core/playwright

Use Cases

01Automating accessibility audits to maintain WCAG compliance in real-time

02Verifying complex user authentication and form submission flows

03Ensuring cross-device responsiveness and visual consistency across deployments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jovermier/claude-code-plugins-ip-labs playwright-test

For use in Claude.ai and ChatGPT

Download Skill