Component Test

컴포넌트 테스트는 props, 이벤트, 화면 결과를 작은 단위로 검증한다

전체 앱을 띄우지 않아도 컴포넌트가 입력을 받아 어떤 UI와 동작을 만드는지 확인할 수 있다.

테스트 관찰 지점

ui contract

입력

필수 props와 경계값을 넣어 컴포넌트가 기대 상태로 렌더링되는지 본다.

상호작용

클릭, 입력, 제출 같은 행동 뒤 화면 변화나 콜백 호출을 확인한다.

접근성

텍스트와 role 중심으로 찾으면 실제 사용자 관점에 가까워진다.

격리

네트워크나 라우터 의존성은 mock으로 줄여 실패 원인을 좁힌다.

renderqueryeventexpect
읽는 법

컴포넌트 테스트는 구현 세부보다 사용자가 관찰하는 결과를 검증할 때 유지보수성이 좋아진다.