Enzyme + Jest + React + Webpack 테스트 코드 작성하기

Explanation

오늘은 간단하게 Webpack과 Enzyme, Jest를 사용해서 React 컴퍼넌트를 테스트하는 환경? 구성? 을 만들어 보려고 합니다.
어디까지나 아주 간략한 시작점이고 이후는 Jest 공홈이나 구글 검색을 통해 하나씩 추가해 나가면 좋을거 같아요.

역시 코드는 깃허브 저장소에 올려놓았습니다~
https://github.com/falsy/enzyme-jest-react

1. 패키지 설치하기

역시.. 하나하나 인스톨하려면 힘드니까, 원하시는 디렉토리에 아래의 package.json 파일을 만들고 한방에 install 할게요.

그리고 설치

그리고 최종적으로 파일 구조는 아래와 같이 할꺼에요.

2. Webpack 설정 파일 만들기

3. Jest 설정 파일 만들기

4. Babel 설정 파일 만들기

5. 나머지 파일..

나머지 파일은.. index.html, component/Sample.js, styles/sample.scss 는 단순한 구조라서 생략할게요.

6. 테스트 코드 작성

5. 실행 및 테스트

음… 설명은 없고 온통 코드만 적었네요…
시간이 너무 늦고, 피곤해서.. 설명을 내일 추가하도록 하도록 할게요.