Introdução ao Mock Service Worker


O Mock Service Worker (MSW) é uma poderosa ferramenta que simplifica a simulação de requisições HTTP em ambientes de desenvolvimento. Essa biblioteca permite que os desenvolvedores criem mock-ups de serviços que imitam o comportamento de uma API real, facilitando o desenvolvimento e teste de aplicações sem depender da infraestrutura da API real.

Instalação

Para começar a usar o Mock Service Worker, você pode instalá-lo no seu projeto através do npm ou yarn:

$ npm i -D msw

Configuração inicial

Após a instalação, é necessário configurar o MSW para interceptar as requisições HTTP. Isso geralmente é feito durante a inicialização do ambiente de teste ou desenvolvimento.

// setupTests.js ou qualquer arquivo de configuração de teste
import { setupServer } from 'msw/node';
import { handlers } from './handlers'; // Importe seus handlers personalizados
 
const server = setupServer(...handlers);
 
beforeAll(() => server.listen());
afterEach(() => server.resetHandlers());
afterAll(() => server.close());

Nota

Para criar o seus handlers personalizados, acesse a anotação Criando mocks de requisição com MSW.

No exemplo acima, estamos iniciando o servidor do MSW antes de todos os testes (beforeAll), resetando os manipuladores de requisição após cada teste (afterEach), e fechando o servidor após todos os testes (afterAll).

Referências