테스팅

React를 이용해 웹을 개발하며 컴포넌트를 만들때 예상치 못한 에러로인해 추가적인 커밋과 PR을 경험한 적있다. 이번에 새롭게 참여한 프로젝트에서는 UI 테스팅 도구인 Storybook과 다른 테스팅 도구인 Testing-library/react를 사용하게되었다. 만드는 컴포넌트를 테스트하는 과정을 통해 발생 가능성이 있는 에러를 사전에 방지할 수 있기에 이번 프로젝트에서는 테스트 과정을 본격적으로 다룰 예정이다. 왜 React Testing-Library 인가? React Testing Library는 React 컴포넌트를 테스트하기 위해 설계된 라이브러리 이며, 실사용 환경과 비슷한 환경을 인스턴스가 아닌 실제 DOM 노드를 사용해 테스트하므로 더욱 신뢰할 수 있는 환경을 제공한다. 또한 props..

Jest는 페이스북에서 만든 테스팅 라이브러리이다. React와 Javascript를 테스팅하는데 많이 사용되고 있다. Jest는 Test Runner와 Test Matcher 그리고 Test Mock 프레임워크까지 제공해 많이 사용된다. Test Runner 테스트를 실행하고 각 테스트 케이스의 성공 혹은 실패 여부를 보고하는 도구 Test Matcher 테스트 케이스에서 예상되는 결과와 실제 결과를 비교하는 도구 Test Mock 특정 객체 또는 기능을 흉내내어 가짜로 구현된 대체 객체 Jest 설치 npm i -D jest CRA를 사용해 React를 사용하면 따로 Jest를 설치하지 않아도 Jest를 사용할 수 있다. 설치가 완료되면 package.json 파일에 test 스크립트를 jest로 추..