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

Security & Testing

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

About

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

Root-relative path enforcement with environment-based URL configuration
0 GitHub stars
Network request interception and API mocking for isolated testing
Advanced Page Object Model (POM) patterns for maintainable test suites
Custom test fixtures for authenticated sessions and console error tracking
Automated accessibility testing integration with @axe-core/playwright

Use Cases

Automating accessibility audits to maintain WCAG compliance in real-time
Verifying complex user authentication and form submission flows
Ensuring cross-device responsiveness and visual consistency across deployments

About

Key Features

Root-relative path enforcement with environment-based URL configuration
0 GitHub stars
Network request interception and API mocking for isolated testing
Advanced Page Object Model (POM) patterns for maintainable test suites
Custom test fixtures for authenticated sessions and console error tracking
Automated accessibility testing integration with @axe-core/playwright

Use Cases

Automating accessibility audits to maintain WCAG compliance in real-time
Verifying complex user authentication and form submission flows
Ensuring cross-device responsiveness and visual consistency across deployments