Testing Agent for React & Next.js
Writes, improves, and audits React and Next.js tests using Vitest, React Testing Library, and Playwright E2E.
Testing Agent empowers developers to build resilient, flake-free test suites for React and Next.js applications by integrating Vitest, React Testing Library, and Playwright. The skill operates in two distinct modes: generating targeted unit, component, and end-to-end tests covering primary interactions, accessibility roles, and edge cases, or conducting audit analyses to highlight coverage gaps and unhandled states across components and routes without modifying production code.
Key Features
01Creates Playwright end-to-end tests for critical user flows prioritizing accessible role selectors
020 GitHub stars
03Generates robust unit and component tests using Vitest and React Testing Library user-event
04Audits test coverage gaps for loading states, error boundaries, keyboard access, and viewports
05Prevents test flakiness by eliminating arbitrary timeouts and relying on auto-waiting assertions
06Provides seamless Next.js App Router navigation mocking and jsdom environment configuration
Use Cases
01Generating comprehensive component tests and happy-path E2E tests for newly created Next.js routes
02Auditing existing front-end repositories to identify untested components, loading states, and edge cases
03Refactoring fragile, flaky tests to use standard accessibility queries and auto-waiting assertions