<aside> 📌 요약: 테스팅 구성은 setup(테스팅 환경 구축) - expectation(테스트 결과가 나오도록 코드 작성) - assertion(원하는 결과인지 검증)
화이트박스 테스팅: 컴포넌트 내부 구조를 미리 안다고 가정하고 테스팅 블랙박스 테스팅: 컴포넌트 내부 구조를 모른 채 테스팅
Unit Testing은 분리된 작은 코드 테스트(func, module, class 등) Integration Testing은 앱의 특정 부분이 동작하는지 테스트(페이지의 부분, 여러 컴포넌트 등) End-to-end Testing은 유저가 어떤 시나리오를 가지고 end-to-end로 작동하는지 테스트
jest는 CRA에서 사용되는 facebook이 만든 오픈소스 테스팅 프레임워크로 assertion 함수들, test runner, mock 라이브러리 등을 제공한다.
react-testing-libarary 에서는 실제 유저가 사용하는 방식대로 테스트함. 유저가 페이지에서 어떤 DOM 요소에 접근하는 방법을 흉내냄.
user-event는 내장 이벤트 함수인 fireEvent, createEvent를 좀 더 직관적으로 사용할 수 있도록 만든 라이브러리다. 실제 유저가 웹페이지를 사용하며 만드는 이벤트를 메서드로 제공한다.
</aside>