tdd

Test-driven development in a Next.js and TypeScript project is enforced by guiding you through the Red-Green-Refactor cycle using Vitest and React Testing Library to ensure code quality. You write failing tests first, implement the minimal code to pass, and then refactor.

The Red-Green-Refactor cycle is a TDD workflow where you first write a failing test, implement minimal code to make it pass, and then refactor safely. This approach reduces bugs and provides a safety net for future code changes.

Writing accessible tests with React Testing Library involves prioritizing accessible testing library queries over other selectors. This Skill guides you to use these queries effectively while warning against common testing anti-patterns during the TDD workflow.

Yes, this TDD workflow supports component triangulation in Next.js by guiding you through the assessment, writing failing tests, minimal code implementation, and triangulation steps. It ensures rigorous testing using Vitest and TypeScript.

You should use Vitest for TypeScript test-driven development when you need to enforce a rigorous TDD workflow and reduce bugs. It provides the testing framework necessary to guide you through writing failing tests and refactoring with confidence.