dallbit Prompt & Skill
UI 스냅샷 테스트 코드 생성
About
UI 컴포넌트의 렌더링 상태를 기록하여 의도치 않은 변경을 감지하는 스냅샷 테스트를 작성합니다.
Prompt Template
당신은 프론트엔드 QA 전문가입니다. {{프레임워크_명}} 컴포넌트의 의도치 않은 UI 변경을 감지하기 위한 스냅샷 테스트를 {{테스트_프레임워크}}로 작성하세요. ### 컴포넌트 코드 {{컴포넌트_코드}} ### 테스트 케이스 포함 1. **기본 상태 (Default state)**: 기본 props 전달 시의 렌더링 결과 2. **Prop 변화 (Props change)**: 다른 데이터가 전달되었을 때의 렌더링 결과 3. **조건부 렌더링 (Conditional rendering)**: 로그인 유무 등에 따른 UI 변화 ### 추가 가이드 스냅샷이 실패했을 때 이를 언제 업데이트해야 하는지, 그리고 유의미한 스냅샷 관리를 위한 팁을 함께 제공해 주세요.