Enzyme Jest는 테스트를 위한 프레임워크 개념이었다면, Enzyme는 테스트를 위한 라이브러리다. 주로 Jest + Enzyme로 테스트 코드를 많이 작성한다. React에서도 테스트 코드를 구성할 때 위 조합을 많이 사용하게 된다. enzyme에는 adapter를 적용하는 configure를 제외하면 크게 세 가지 메소드가 있다. shallow: 간단한 컴포넌트를 메모리 상에 렌더링한다. 단일 컴포넌트를 테스트할 때 유용하다. mount: HOC나 자식 컴포넌트까지 전부 렌더링한다. 다른 컴포넌트와의 관계를 테스트할 때 유용하다. render: 컴포넌트를 정적인 html로 렌더링한다. 컴포넌트가 브라우저에 붙었을 때 html로 어떻게 되는지 판단할 때 사용한다. 설치 # NPM npm i -D ..

Mocking 코드가 의존하는 부분을 가짜(mock)로 대체하는 기법이다. 테스트하려는 코드가 의존하는 부분을 직접 생성하기가 부담스러운 경우 mocking이 많이 사용된다. 예를 들어, 데이터베이스에서 데이터를 삭제하는 코드에 대한 단위 테스트를 작성할 때, 실제 데이터베이스를 사용한다면 여러가지 문제점이 발생할 수 있기 때문에 모킹을 사용한다. 모킹을 하는데에는 여러 방법이 있다. (모듈 단위를 모킹하거나, 함수만 모킹하거나.. 등) jest.fn(); 일반적으로 함수를 모킹할 때 사용된다. // 정의 const mockFunction = jest.fn(); // 사용 mockFunction("y0ngha"); 이 mockFunction을 실제 함수를 호출하듯 사용할 수 있고, 리턴 값에 대해서도 정..

Jest 테스트 코드를 작성하고, 테스트를 실행할 수 있는 라이브러리다. Jest 외에도 Mocha, Chai 라이브러리도 있는데, Jest를 쓰는 이유는 테스트를 하기 가장 적합한 라이브러리라고 판단했고, 무엇보다 국내 자료가 Jest가 많기 때문이다. 결국 라이브러리는 본인이 편한 것을 쓰면 되기 마련이다. (테스트를 하고자 하는 목적은 똑같으니.) 그렇다면 Jest를 사용하기 위한 방법과 문법을 간단하게 알아보자. 사용 전 설치 Jest를 사용하기 전 의존성을 설치해줘야 하는 것이 있다. 당연히 Jest 를 설치해야하고, 본인이 Typescript를 이용해 작성할 것이라면 Jest가 Typescript를 이해할 수 있도록 도와주는 Babel 또한 설치 해줘야 한다. Jest는 Javascript를 ..