Optimizes Playwright E2E tests by implementing robust, accessible, and user-facing locator strategies.
This skill equips Claude with the expertise to write and refactor Playwright tests using industry-standard best practices. It prioritizes accessible locators like getByRole and getByLabel over brittle data-testid or CSS selectors, ensuring tests resemble real user interactions. The skill provides a structured priority ladder, advanced disambiguation strategies for complex UI elements, and even suggests semantic HTML improvements to make applications more testable and accessible while maintaining existing test structures.
Key Features
01Implements Playwright's official locator priority ladder for resilient tests
02Preserves existing test metadata and structures during refactoring processes
03Provides advanced disambiguation strategies using filtering and scoping
04Refactors brittle selectors into robust, user-facing locators
050 GitHub stars
06Enforces semantic HTML improvements to enhance accessibility and testability
Use Cases
01Automating the migration from data-testid to semantic, user-centric locators in legacy test suites
02Refactoring flaky Playwright tests that rely on unstable CSS selectors or deep DOM paths
03Improving web accessibility by identifying and fixing missing ARIA roles during test creation
