Jest란?

제스트는 테스트 코드를 찾고, 테스트를 실행하고, 실패인지 성공인지를 판단하는 테스트 러너입니다.

facebook 에서 개발하고 관리하고 있습니다. (https://jestjs.io/)

제스트만의 특징은 Html 요소를 탐색하는데 접근성 마커 즉, aria를 이용합니다. TDD 를 작성함으로서 자연스럽게 접근성을 향상시키는 장점이 있습니다. 제스트가 요소를 aria를 통해 찾을 수 있다는것은 스크린 리더들도 찾을 수 있다는 얘기입니다.

1. 제스트를 사용해보겠습니다.

1. npx 명령어를 통해 리엑트 앱을 생성해봅시다.

npx create-react-app color-button

1. react 설치가 완료되고 프로젝트가 생성되었습니다. 터미널을 통해 제안을 해주는군요 🙂

1. 설치가 완료되었으면 npm test를 해봅시다.

제스트가 와치모드로 실행되는것을 확인 할 수 있습니다.

와치모드는 파일에 수정 사항이 감지될 경우 자동으로 테스트를 실행해주는 상태를 의미합니다.

<aside> 💡 만약 제스트 실행 시 노드 버전 이슈로

이런 에러가 발생한다면 제스트와 관련된 패키지를 설치 해주셔야 합니다.

npm i -D --exact [email protected]

</aside>