구현 세부를 많이 아는 테스트보다, 사용자가 볼 수 있는 결과를 적은 경계에서 증명하는 테스트가 오래 유지됩니다.
점검 항목
확인 값
A급 기준
개선 신호
테스트 경계
컴포넌트 props와 이벤트
작은 UI 계약 하나를 검증
페이지 전체 흐름을 컴포넌트 테스트에 넣음
선택자
role, label, text, testid
사용자가 찾는 방식과 가까움
CSS 클래스와 DOM 깊이에 의존
상태
loading, empty, error, success
주요 UI 상태를 예시로 남김
성공 케이스 하나만 있음
의존성
router, API, context, time
테스트 목적에 필요한 만큼만 mock
mock이 실제 사용자 결과를 숨김