CRA 환경의 내장 testing 라이브러리

📍참고

https://create-react-app.dev/docs/running-tests

Running Tests | Create React App

 

📍before test..

✅뭘 테스트 할건지 명확히 정하기

- 특정 컴포넌트의 기능..

- 유저 입력..

 

✅테스트 성공, 실패 여부를 어떤 기준으로 할 건지 정하기

- 일치하는 문자열을 출력..

 

📍Create React App 환경의 내장 testing 라이브러리

설치된 것들

1) @testing-library/react : ReactDOM을 사용하여 테스트할 컴포넌트를 렌더링

(React Testing Library 라고도 부름)

 

2) @testing-library/jest-dom : 컴포넌트에 의해 렌더링된 DOM element를 찾음 (jsdom 을 이용)

3) jest : test를 실행하고 결과를 나타냄 (test runner)

 

아래는 미설치

@testing-library/user-event : 타이핑, 클릭같은 유저 입력을 시뮬레이션

jsdom : Node 환경에서 브라우저 환경을 시뮬레이션 (직접 설치되지는 않음)

 

📍jest의 테스트 파일 탐색

✅src/ 이하의 아래 조건을 만족하는 모든 파일 탐색

.spec.js 로 끝나거나

.test.js 로 끝나거나

__tests__ 폴더 내부에 있거나 (/src 에 이 폴더를 만들고 여기에 test.js 파일을 배치)