MSW

Testing 🟡 Mid

Definition

Mock Service Worker intercepte les requetes reseau au niveau du Service Worker (navigateur) ou de Node.js pour simuler des API sans modifier le code applicatif.

Analogie

Comme un standardiste qui intercepte les appels et repond a la place du destinataire, sans que l'appelant ne le sache.

Exemple de code

// handlers.js
import { http, HttpResponse } from 'msw';

export const handlers = [
  http.get('/api/users', () => {
    return HttpResponse.json([
      { id: 1, name: 'Alice' }
    ]);
  }),
];

Cas d'usage

Pour mocker les API externes dans les tests frontend et le developpement local sans backend disponible.

Anti-pattern

Mocker les API internes de son propre backend au lieu de les tester en integration reelle.

Termes lies

#testing#tooling#frontend