What problem does it solve?
This Skill reduces flaky, slow, and hard-to-maintain end-to-end testing work for Next.js applications by giving you practical Playwright best practices that improve reliability, speed, and debugging clarity.
Core Features & Use Cases
- Selector Strategy: Choose stable locators such as roles, labels, text, and test IDs instead of brittle CSS or XPath.
- Test Reliability: Replace hard waits with web-first assertions, proper navigation waits, and isolation patterns that reduce flakiness.
- Auth and State Management: Reuse storage state, handle session storage, and scope credentials for roles and parallel workers.
- Network and Performance Control: Mock APIs, intercept responses, replay HAR files, and tune retries, sharding, and browser selection.
- Next.js-Specific Coverage: Validate App Router navigation, hydration, server components, and server actions through realistic E2E flows.
- Use Case: If your login tests are unstable and slow in CI, this Skill helps you refactor them into isolated, production-like Playwright checks with reusable auth and better selectors.
Quick Start
Ask the assistant to review your Next.js Playwright tests and suggest concrete improvements for selectors, waiting, authentication, mocking, and CI stability.
