Agent skill
Next.js Testing
Unit, Integration, and E2E testing standards for App Router.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/testing-hoangnguyen0403-agent-skills-standar-5
Metadata
Additional technical details for this skill
- labels
-
nextjs testing vitest playwright msw
- triggers
-
{ "files": [ "**/*.test.{ts,tsx}", "cypress/**", "tests/**" ], "keywords": [ "vitest", "playwright", "msw", "testing-library" ] }
SKILL.md
Next.js Testing
Priority: P1 (HIGH)
Structure
tests/
├── unit/ # Vitest + RTL
├── e2e/ # Playwright
└── mocks/ # MSW Handlers
Implementation Guidelines
- Unit Testing: Use Vitest for speed and React Testing Library for components.
- E2E Testing: Use Playwright for full-stack App Router validation.
- MSW: Mock API boundaries using Mock Service Worker (server + client).
- RSC Testing: Test Server Components via unit tests or full E2E flow.
- Data Isolation: Use isolation strategies for test databases/cache.
- CI reporting: Ensure JSON/JUnit output for automated analysis.
Anti-Patterns
- Real Fetches: No real network usage: Always use MSW or mocks.
- Shallow Testing: No implementation testing: Test user behavior only.
- Slow suites: No heavy E2E for unit logic: Use Vitest for logic.
- Global mocks: No global state leakage: Reset mocks after each test.
References
- Next.js Test Patterns
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?