최대 1 분 소요

Jest

  • Facebook에서 만든 js테스팅 프레임워크

  • jest는 기본적으로 test.js로 끝나거나, __test__ 디렉터리 안에 있는 파일들은 모두 테스트 파일로 인식

  • 시작은 언제나 expect로 시작한다.

// Matcher string
expect(element.textContext).toBe('hello');

// Match Length
expect(elementsArray).toHaveLength(7);

Jest-dom

  • jest-dom은 create-react-app과 제공되며 함께 설치됨
  • src/setupTest.js를 사용해 각 테스트 전에 jest-dom을 가져온다.
  • DOM 베이스 기반

RTL(React Testing Library)

  • rendering components into virtual DOM
  • searching virtual DOM
  • interfacting with virtual DOM

Jest Watch Mode

  • 마지막 git commit 이후 변경된 파일만 실행

image-20221121112638818

TDD(Test-Driven Developer)

  • 테스트 코드를 작성하고 코드를 작성하여 테스트를 통과함

red-green

  • 테스트에 실패하는 레드 테스트를 먼저 실행하고
  • 통과하는 테스트로 그린 테스트를 작성

댓글남기기