유저액션 중심의 컴포넌트 테스트를 위한 도구 testing library Jest는 테스트러너로서 테스트를 돌리고 성공, 실패를 확인하거나 테스트에 대한 함수를 제공해주는데에 반면에 Testing library는 리액트 컴포넌트를 테스트하기위한 가상 DOM을 제공해준다. 이 둘은 각각 수행하는 역할이 다르다. 시작하기전에 읽어보면 좋은 포스팅 NHN 프론트엔드 테스트 초보자를 위한 React 어플리케이션 테스트 심층가이드(1) 초보자를 위한 React 어플리케이션 테스트 심층가이드(2) Testing Library Docs introduction, Guiding Principles 두 섹션 읽어보기 테스팅 원칙 유저가 페이지랑 인터렉션하는 방식과 매우 유사하게 테스트하는 것에 중점을 둔다. 컴포넌트 렌더..

설치 npm install msw --save-dev npx msw init --save 세팅 node환경에서 테스트하거나 browser에서 하기 위해서는 다음과 같은 세팅이 필요합니다. 작성해야하는 파일은 총 4개입니다. mock 하위에 다음의 4파일을 만들어주세요. browser.ts server.ts handlers.ts worker.ts 그리고 App에서 작성한 worker를 호출해오면 세팅이 끝납니다. 1. browser.ts import { setupWorker } from "msw"; import handlers from "./handlers"; // mocking될 response를 정의해놓는 곳 ​ export const worker = setupWorker(...handlers); ​ ..