frontend-test-author

To write and stabilize frontend tests for Next.js and React, apply this Skill to identify and fix failing tests across UI components, screens, and use cases using Vitest and Testing Library to ensure they pass in CI.

The best way to fix failing Vitest tests in a Next.js project is to validate test setup configurations in vitest.config.ts and package.json, ensuring proper alias resolution and deterministic feedback for components and core use cases.

Yes, this Skill requires a properly configured frontend codebase with designated test directories for components, features, and core use cases, alongside a package.json and vitest.config.ts to operate effectively.

Yes, you can use this approach to add unit and integration tests for React screens by placing them under designated test directories and validating core use cases to improve overall test coverage and reliability.

Frontend tests may fail in CI due to improper test setup or alias resolution issues. This Skill helps ensure tests are properly placed and configurations in vitest.config.ts are correct for deterministic CI execution.

Yes, this Skill supports adding and validating E2E tests under the designated e2e directory when needed, alongside unit and integration tests for Next.js UI components and core use cases.