Patterns de Test Unitaire

VérifiéSûr

Cette compétence couvre les modèles de tests unitaires : configuration Vitest avec couverture v8, Testing Library pour les tests de comportement, MSW pour le mock HTTP, tests paramétrés avec it.each, et directives sur les espions/mocks/stubs. Utilisez-la pour configurer et écrire des tests unitaires et de composants en privilégiant le test du comportement plutôt que de l'implémentation.

Spar Skills Guide Bot
TestingIntermédiaire
4002/06/2026
Claude Code
#unit-testing#vitest#testing-library#msw#parametrized-tests

Recommandé pour

Notre avis

Fournit des modèles pour les tests unitaires incluant la configuration de Vitest, les tests de composants avec Testing Library, le mock HTTP avec MSW, les tests paramétrés et les tests asynchrones.

Points forts

  • Insiste sur le test du comportement plutôt que de l'implémentation
  • Recommande MSW plutôt que jest.mock pour le mock au niveau réseau
  • Propose des références prêtes à l'emploi pour des scénarios de test courants
  • Couvre à la fois la logique métier et les tests de composants UI

Limites

  • Suppose une connaissance préalable des concepts de base des tests
  • Les exemples peuvent ne pas couvrir tous les cas particuliers
  • Limité à l'écosystème JavaScript/TypeScript
Quand l'utiliser

À utiliser lors de la mise en place d'une nouvelle infrastructure de test ou de l'écriture de tests unitaires/composants pour un projet JavaScript/TypeScript.

Quand l'éviter

Ne pas utiliser pour les tests de bout en bout ou les tests d'intégration nécessitant une interaction complète avec le système.

Analyse de sécurité

Sûr
Score qualité90/100

The skill defines unit testing patterns and only uses read-only tools (Read, Grep, Glob). There are no destructive actions, code execution, or data exfiltration.

Aucun point d'attention détecté

Exemples

Set up Vitest with coverage
Set up Vitest with v8 coverage for my React project.
Write parametrized tests for a pure function
Write a unit test for a pure function that calculates discounts using parametrized tests.
Mock HTTP request with MSW for component test
Mock an HTTP GET request using MSW for a component test.

name: unit-testing description: | Unit testing patterns: Vitest config with v8 coverage, Testing Library behavior testing, MSW for HTTP mocking (vs jest.mock), it.each parametrized tests, spies vs mocks vs stubs, testing async code, snapshot testing guidelines. Use when writing unit and component tests. allowed-tools: Read, Grep, Glob

Unit Testing Patterns

When to use

  • Setting up Vitest or Jest for a new project
  • Writing unit tests for business logic
  • Component testing with Testing Library
  • Mocking HTTP requests with MSW
  • Parametrized tests with it.each

Core principles

  1. Test behavior, not implementation — what does it return/do, not how
  2. MSW over jest.mock — mock at network level, not module level
  3. One assertion per test — single reason to fail per test
  4. Arrange-Act-Assert — consistent structure in every test
  5. No test interdependence — each test must run independently

References available

  • references/vitest-config.md — globals, environment, coverage thresholds, thread pool, MSW setup
  • references/business-logic-testing.md — pure function tests, AAA pattern, it.each parametrized tests
  • references/msw-http-mocking.md — handlers setup, server lifecycle, per-test handler overrides
  • references/async-testing.md — await patterns, rejected promise assertions, try/catch error checks
  • references/testing-library-react.md — render, screen queries, userEvent vs fireEvent, role queries
Skills similaires