2. FrontEnd/TDD / / 2023. 11. 7. 17:54

[TDD] Jest 사용법

Jest를 설치

npm install jest --save-dev
yarn add jest --dev

 

Jest를 테스트 러너로 설정

package.json > 테스트 필드에 Jest를 추가

{
  "scripts": {
    "test": "jest"
  }
}

 

Jest가 테스트 코드를 포함하는 파일로 인식할 수 있도록 테스트 파일의 이름은 .test.js로 끝나야 함

테스트를 실행

npm run test 
yarn test

 

특정 파일만 실행하고 싶으면, 다음과 같이 테스트 파일을 지정

npm run test componentName.test.js
yarn test componentName.test.js

테스트를 시작하면 Jest는 콘솔에 실패 또는 통과 로그를 출력

$ jest
 PASS  ./componentName.test.js
  √ addition of 4 and 6 to equal 10 (2 ms)

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        2.002 s
Ran all test suites.
Done in 7.80s.

 

Jest가 테스트를 자동으로 실행하도록 하려면 package.json의 테스트 필드에 --watchAll 옵션을 추가한다.

(* --watchAll을 추가하면 코드의 변경 사항을 저장할 때마다 Jest가 자동으로 테스트를 재실행)

{
  "scripts": {
    "test": "jest --watchAll"
  }
}

 

 

 

 

 

 

 

728x90

'2. FrontEnd > TDD' 카테고리의 다른 글

[TDD] Cypress를 사용하여 E2E테스트  (0) 2023.11.10
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유