항목	내용
프로젝트명	🕹️ 7짱 오락실 - Main Page
테스트 기간	2025.05.20 ~ 2025.05.22
담당자 및 팀원	황유빈
테스트 환경	Windows 11 / macOS Sonoma Chrome 124.0, Edge, Safari 데스크탑 / 노트북 (FHD 기준 1920×1080)

---

• 테스트 목적
  • 메인 화면(arcade 본체) 리사이즈 & 줌 상태 전환 검증
  • 코인 투입 애니메이션 및 BGM 자동 재생(once-only) 동작 확인
  • BGM 수동 토글(on/off) 및 ESC 외 영역 클릭 시 초기화 동작 확인
  • 게임 선택 아이콘 클릭 시 <object> 로드/언로드, 재사용 로직 검증
• 테스트 범위
  • updateMainImgScale()를 통한 화면 비율 보정
  • 코인 슬롯(.coin-slot) 클릭 → playCoinAnimation() 호출
  • 오디오 아이콘(.audio-icon) 클릭 → toggleBgm() 호출
  • 배경 외 클릭 감지 → 줌 축소 상태로 복귀
  • 게임 아이콘 선택 → selection 숨김 및 object 생성/재활용
• 테스트 방법
  • 수동 테스트 (크로스 브라우징 포함)
  • 화면 크기 변경(resize)에 따른 스케일 동작 확인
  • 코인 슬롯 클릭 1회 vs. 다회 → BGM 자동 재생 여부 확인
  • 오디오 아이콘 여러 번 클릭 → play/pause 정상 동작 확인
  • 선택 아이콘 클릭 → iframe(object) 정상 로드 및 home 링크 클릭 시 복귀

🔍 주요 이슈 목록

ID	항목	재현 조건	실제 결과	예상 결과	심각도
BUG-01	BGM 자동 재생 중복	코인 슬롯 클릭 두 번째 이상	첫 클릭 이후 이미 재생 중인데, 두 번째 클릭 시에도 coinSound만 재생되고 BGM 재생 시도함	자동 재생은 최초 1회만, 이후 클릭 시 코인 효과음만 재생되어야 함	Minor
BUG-02	화면 리사이즈 시 transition 깜빡임	줌 상태에서 창 크기 조절	el.style.transition이 남아 있어 리사이즈할 때도 0.8s 애니메이션이 발생	리사이즈 시 즉시 스케일만 적용, 불필요한 transition 제거 필요	Trivial
BUG-03	object 재활용 시 데이터 키 누락	동일 게임 아이콘 연속 클릭	currentObj.dataset.key가 남아 있지 않으면 재생성 로직 진입	이미 로드된 object는 재사용되어야 함	Minor

---

• 주요 문제 요약
  • BGM 자동 재생 로직(coinBgmPlayed)이 두 번째 클릭 이후에도 재생 시도를 함
  • 줌 축소/확장 애니메이션이 리사이즈 시에도 적용되어 UX가 어색
  • object 재활용 조건 체크 로직이 일부 브라우저에서 dataset 누락으로 재생성으로 빠짐
• 해결된 이슈
  • coinBgmPlayed 플래그 검증 위치 조정으로 자동 재생 1회 보장
  • 리사이즈 핸들러 내 transition 제거 또는 isZoomed 상태 일괄 체크 추가
  • object 생성 로직 전반에 dataset.key 초기화/유지 코드 삽입
• 추가 테스트 필요 여부
  • 크로스 브라우징 재검증: Edge, Safari 등에서 dataset 호환성 확인
  • 스트레스 테스트: 빠른 연속 클릭(코인·오디오 아이콘) 시 메모리/오디오 충돌 여부
  • 접근성 검증: 키보드(ESC·탭) 이벤트와 화면 리더 동작 상호작용 확인
• 향후 개선 방향
  • 모듈화: 화면 스케일링, 오디오 관리, 게임 선택 로직을 별도 클래스로 분리
  • 자동화: GitHub Actions 연동으로 린트·유닛 테스트·크로스 브라우징 빌드
  • 성능 최적화: requestAnimationFrame 사용해 레이아웃 쓰레싱 최소화
  • 사용자 경험 향상: ESC 키 외에도 UI 버튼으로 줌 토글 기능 추가