Why component tests

컴포넌트 테스트는 UI 변경이 사용자 결과를 깨는 순간을 빨리 잡는다

컴포넌트는 props, 상태, 이벤트가 만나는 작은 제품 표면입니다. 이 표면을 빨리 검증하면 전체 앱 실행 없이도 많은 회귀를 잡을 수 있습니다.

독립 검증백엔드 없이 UI 단위로 문제를 좁힌다.

시각 회귀 방지상태 변경 뒤 화면 문구와 버튼이 유지되는지 본다.

재사용성 확인props 계약이 명확할수록 테스트도 선명하다.

빠른 피드백브라우저 수동 확인 전에 깨짐을 잡는다.

동작 문서컴포넌트가 어떤 상황을 지원하는지 예시로 남긴다.

변경

잡고 싶은 실패

좋은 검증

props 이름 변경

화면에 값이 비어 있음

사용자가 보는 텍스트가 남아 있는지 확인

버튼 핸들러 수정

클릭해도 상태가 바뀌지 않음

사용자 이벤트 뒤 DOM 결과를 확인

조건부 렌더링 추가

로딩/오류 상태가 깨짐

성공, 빈 값, 오류 상태를 각각 렌더