두가지 방식의 이해
- msw 설치
npm install msw -D
- handler 생성
- type : rest , graphQL 생성
- http method
- req: 매칭 요청에 대한정보
- res: 모의 응답을 생성하는 기능적 유틸리티
- ctx: 모의 응답의 헤더 본문, 상태코드 등을 설정하는 데 도움이 되는 함수 그룹
// src/mocks/server.js
import { setupServer } from "msw/node";
import { handlers } from "./handlers";
// This configures a request mocking server with the given request handlers.
export const server = setupServer(...handlers);
// src/setupTests.js
import { server } from "./mocks/server.js";
// Establish API mocking before all tests.
beforeAll(() => server.listen());
// Reset any request handlers that we may add during the tests,
// so they don't affect other tests.
afterEach(() => server.resetHandlers());
// Clean up after the tests are finished.
afterAll(() => server.close());