Jest/RTL은 빠른 피드백에 강하고, Cypress Component Testing은 실제 브라우저에서 보이는 문제를 잡는 데 강합니다.
판단 기준
Jest + RTL
Cypress CT
선택 기준
실행 환경
JSDOM
실제 브라우저
DOM 동작이면 RTL, 브라우저 차이면 Cypress
속도
매우 빠름
상대적으로 느림
자주 돌릴 회귀 테스트는 RTL 우선
스타일/레이아웃
CSS 처리에 한계
레이아웃과 반응형 확인 가능
시각적 정확성이 중요하면 Cypress 보완
디버깅 경험
터미널과 테스트 에러 중심
브라우저 러너와 스냅샷 확인
눈으로 재현해야 하는 문제는 Cypress
권장 위치
대부분의 클라이언트 컴포넌트
복잡한 CSS, 브라우저 API 의존 컴포넌트
기본은 RTL, 필요한 지점만 Cypress