playwright-selectors

What problem does it solve?

This Skill addresses the challenge of creating robust and maintainable end-to-end (E2E) tests for Expo web applications by establishing best practices for using testID and aria-label selectors with Playwright.

Core Features & Use Cases

• Selector Prioritization: Guides users on the optimal order of selector strategies (getByRole, getByText, getByLabel, getByTestId).
• testID Naming Convention: Enforces a clear, namespaced pattern (screen:element) for consistent testID usage.
• Accessibility Integration: Emphasizes using aria-label and accessibilityRole for improved accessibility and testability.
• Use Case: When developing a new feature, use this skill to ensure all interactive elements have appropriate selectors, making E2E tests less brittle and improving overall application quality.

Quick Start

Use the playwright-selectors skill to add a testID to the login button on the authentication screen following the recommended naming convention.