컴포넌트 테스트

컴포넌트 테스트는 UI 컴포넌트를 렌더링하고 사용자가 찾고 조작하는 출력의 동작을 확인한다. 입력에 글자를 쓰고 버튼을 누른 뒤 문구·활성 상태가 바뀌는지 보는 검사가 한 예다. 내부 state나 Hook 이름보다 화면에 드러난 결과와 컴포넌트가 공개 props로 전달받은 함수의 호출 결과를 관찰한다.

컴포넌트 테스트라는 이름만으로 실행 환경과 포함 범위가 정해지지는 않는다. Web에서는 Node.js 안에서 브라우저의 Document Object Model(DOM, 화면 문서 구조)을 흉내 내는 jsdom 환경이나 실제 브라우저에서 실행할 수 있다. React Native에서는 Node.js 도구가 계산한 컴포넌트 출력만 볼 수도 있고, 설치한 앱과 플랫폼 코드까지 포함해 기기·가상 기기에서 검사할 수도 있다. 함께 실행한 실제 앱 부분과 테스트 대역으로 바꾼 바깥 의존성을 적어야 이 테스트가 주는 신뢰를 알 수 있다.