🧪 단위 테스트 환경 설정 및 구축

✅ 목적

• 코드의 안정성과 신뢰성 확보
• 버그 조기 발견 및 빠른 수정 가능
• 리팩토링 시 기존 기능 보장
• 협업 시 코드 이해도 상승 및 유지보수 용이성 향상

---

🛠 추천 도구

도구	설명
Jest	자바스크립트 테스트 프레임워크
React Testing Library	React 컴포넌트 테스트에 최적화된 유틸리티

✔️ Jest + React Testing Library 조합으로 단위 테스트 구성

---

📦 단위 테스트 예제 코드 작성

• useExpandable 훅 리팩토링
• TypeScript 기반 테스트 코드 적용

---

🔄 점진적 테스트 도입 및 레거시 코드 적용 전략

• ✅ 신규 개발 및 리팩토링 시 테스트 코드 우선 작성
• 🔍 레거시 코드 중 핵심 기능부터 점진적으로 테스트 추가
• 📌 중요도 및 변경 빈도에 따른 우선순위 지정
• ♻️ 리팩토링과 병행하여 테스트 작성, 커버리지 확대
• 📈 단계적 도입을 통해 업무 영향 최소화 및 테스트 문화 정착

---

🎯 기대효과

• 핵심 훅 로직에 대한 안정성 보장
• 코드 변경 시 의도치 않은 동작 방지
• 테스트 커버리지 확보로 품질 향상
• 개발 생산성 및 유지보수성 증가

---

🚀 테스트 실행 명령어

# 테스트 실행
npm test src/hooks/ui/expandable/useExpandable.test.ts

# 테스트 + 커버리지 리포트
npm test src/hooks/ui/expandable/useExpandable.test.ts --coverage