Use component tests

컴포넌트 테스트는 UI 상태와 사용자 상호작용의 경계에 둔다

모든 화면을 컴포넌트 테스트로 덮는 것이 목표가 아닙니다. props와 이벤트로 충분히 재현되는 UI 계약을 고르는 것이 핵심입니다.

상태가 갈리는 컴포넌트

  • loading, empty, error, success
  • 권한에 따른 버튼 노출
  • 선택 값에 따른 문구 변경

이벤트가 중요한 컴포넌트

  • 폼 입력과 validation
  • 모달 열기/닫기
  • 카운터, 토글, 탭 전환

재사용 계약이 있는 컴포넌트

  • 공통 버튼, 카드, 리스트
  • props 조합이 많은 UI
  • 디자인 시스템 컴포넌트
컴포넌트 테스트로 좋음
props와 사용자 이벤트만으로 기대 화면을 설명할 수 있다.
다른 테스트가 나음
라우팅, 실제 API, 브라우저 전체 흐름이 핵심이면 통합/E2E로 올린다.