MSW (Mock Service Worker)

React 🟡 Mid

Définition

Outil qui intercepte les requêtes réseau au niveau du Service Worker pour les mocker, sans modifier le code applicatif. Fonctionne en test et en dev.

Analogie

Comme un doubleur de voix au cinéma : le vrai acteur (API) est absent mais la scène (test) se joue quand même.

Exemple de code

import { http, HttpResponse } from 'msw';
import { setupServer } from 'msw/node';

const server = setupServer(
  http.get('/api/users', () => HttpResponse.json([
    { id: 1, name: 'Alice' }
  ]))
);
beforeAll(() => server.listen());

Cas d'usage

Mocker les API dans les tests et pendant le développement frontend sans backend disponible.

#testing#mocking

← → au clavier pour passer d'une fiche à l'autre