1-2. Jest

박창진·2022년 5월 1일

React 테스트 코드

목록 보기
2/8

1. Jest란?

  • FaceBook에 의해 만들어진 테스팅 프레임 워크이다.
  • 테스트는 테스트를 실행후 결과 생성하는 "Test Runner"와 테스트 조건, 비교를 통한 테스트 로직인 "Assertion"가 있는데, Jest는 두가지의 기능을 모두 가지고 있다.
  • Jest 특징
    • 자바스크립트 환경에서 모두 사용이 가능하다.
    • 복잡한 설정이 필요없다.
    • 빠르고 안전하다.
    • 에러가 어디서 났는지 알기 쉽다.

2. Jest 환경설정

  • npm i jest
  • jest --init
    • jest을 설정하는 창이 나온다.
    • 자신이 원하는 설정으로 설정한다.
  • npm i --save-dev jest
  • Jest가 파일을 찾는법
    • 조건만 맞춰 파일을 생성하면 알아서 테스트 파일을 찾는다.
    • 파일명.test.js or 파일명.spec.js or "tests"폴더에 파일을 만든다.

3. Jest 파일 구조

  • 보통 테스트코드는 이렇게 되어 있다
  • describe: 여러 관련 테스트를 그룹화 한 것이다.
  • it: 개별 테스트를 수행하는 곳이다.
  • expect: 값을 테스트할때 사용된다.
  • matcher: toBe, not.toBe, toThrow등이 있고, expect을 통해 결과값을 확인할때 사용한다.
    • 성공을 하면 다음 같은 화면이 나온다.
profile
I'm SpearJin

0개의 댓글