RTL 테스트 흐름
사용자 행동을 기준으로 테스트를 작성한다
타입스크립트는 props와 mock의 모양을 지키고, 테스트는 렌더링된 화면의 행동 결과를 검증합니다.
1
Render
컴포넌트를 실제 사용 환경에 가깝게 화면에 올립니다.
2
Query
screen으로 텍스트, 역할, 레이블 같은 접근 가능한 단서를 찾습니다.
3
Act or Wait
클릭, 입력, 비동기 로딩처럼 사용자가 겪는 변화를 재현합니다.
4
Assert
문서에 표시된 결과와 에러 상태를 expect로 확인합니다.