testing-next-stack

Set up testing for Next.js by scaffolding a complete infrastructure with Vitest for unit tests, React Testing Library for component tests, and Playwright for end-to-end testing. This Skill generates configuration files, installs dependencies, creates test utilities, and provides example tests ready to run immediately.

Yes, Vitest replaces Jest in Next.js projects for faster unit testing. This Skill handles the migration by configuring Vitest, setting up React Testing Library with Vitest, and generating test templates that follow Jest-compatible patterns, making the transition seamless.

Add accessibility testing by integrating axe-core with Playwright during end-to-end testing. This Skill configures axe-core as a Playwright plugin, provides test examples that scan for accessibility violations, and delivers patterns for catching issues before production.

The scaffold includes Vitest configuration for unit tests, React Testing Library setup for component tests, Playwright configuration for E2E tests, axe-core accessibility checks, test utility helpers, example tests demonstrating best practices, and updated package scripts to run all test types.

No, this Skill automates the entire setup process. It generates all configuration files, installs dependencies, creates test utilities and helpers, and provides example tests, so you can start writing tests immediately without manual configuration of Vitest, RTL, Playwright, or axe-core.