프론트엔드 테스트 기반 마련

[Jae-Hyuk-Jang]

🧾 이슈 개요

apps/web에 테스트 파일이 하나도 없고 package.json에 test 스크립트조차 없다. README는 Jest를 공통 스택으로 소개하지만 실제로는 apps/api에만 적용되어 있다. Playwright 도입으로 브라우저 테스트를 가능하게 한다.

⚙️ 요구사항

• 프론트엔드 테스트 러너(Jest 또는 Vitest)와 React Testing Library를 설정한다.
• Playwright(웹 애플리케이션의 크로스 브라우저 자동화를 지원) 설정
• 핵심 스토어(usePlayerStore 등 로직이 복잡한 것)와 순수 유틸(reorder.ts, time.ts 등)부터 우선 테스트를 작성한다.
• CI 게이트(파일/폴더 네이밍 린트 규칙 실효화 및 CI 게이트 추가 #320 )에 테스트 실행 스텝을 포함한다.

✅ TODO

• 테스트 러너 및 설정 추가, package.json에 test 스크립트 추가
• usePlayerStore 등 우선순위 스토어 테스트 작성
• utils/ 순수 함수 테스트 작성
• CI 워크플로에 프론트엔드 테스트 스텝 추가

💬 Remarks

• 파일/폴더 네이밍 린트 규칙 실효화 및 CI 게이트 추가 #320 (CI 게이트)과 함께 진행하면 중복 작업을 줄일 수 있다.