sunset-kim / react-tdd-shop

Order Page Test.

Use mock service worker

두가지 방식의 이해

설치

1. msw 설치

npm install msw -D

2. handler 생성

• type : rest , graphQL 생성
• http method
• req: 매칭 요청에 대한정보
• res: 모의 응답을 생성하는 기능적 유틸리티
• ctx: 모의 응답의 헤더 본문, 상태코드 등을 설정하는 데 도움이 되는 함수 그룹

브라우저 통합

browser setup

노드와 통합 (Jest 사용하는 테스트 환경)

node setup

// 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());

논의되고 있는 다양한 query

dt, dd