입력 및 중요한 상태 나열
게임이 지원하는 경우에만 마우스, 터치, 키보드, 펜 입력의 행을 만드세요. 누르기, 이동, 놓기, 취소, 포커스 상실, 크기 변경 열을 추가합니다. 드래그 게임에서는 정상적으로 놓는 경우와 pointercancel 이벤트를 모두 테스트하세요. 키보드 게임에서는 여러 키를 동시에 누르는 경우와 페이지를 벗어나 포커스를 잃는 경우를 확인하세요. 매트릭스는 일반적인 기기 목록이 아니라 실제 게임 메커니즘을 반영해야 합니다.
테스트 실패 시 장치, 브라우저, 뷰포트 및 단계를 기록합니다. Devtools는 화면 크기를 에뮬레이션할 수 있지만 모든 하드웨어 동작이나 시스템 동작을 에뮬레이트할 수는 없습니다. 터치 우선 게임을 위해 실제 터치 장치를 사용하고 표면 주위의 페이지 스크롤을 확인하십시오.
레이아웃 변경 후 반복
캔버스 크기, 방향, 메뉴 또는 반응형 브레이크포인트을 변경한 후 동일한 간단한 테스트를 실행하세요. 포인터 좌표가 여전히 게임 좌표에 매핑되어 있고 초점이 여전히 의도한 요소에 도달하는지 확인하세요. 적중 테스트가 이전 값을 유지하는 동안 게임의 디스플레이 변환이 변경되었기 때문에 게임이 초기 입력 테스트를 통과하고 크기 조정 후 실패할 수 있습니다.
캔버스 크기, 방향, 메뉴 또는 중단점을 변경한 후 테스트를 반복합니다. 포인터 좌표가 여전히 올바르게 매핑되고 초점이 의도한 요소에 도달하는지 확인합니다. MDN은 마우스, 펜, 터치 전반의 포인터 이벤트를 문서화합니다. 테스트를 대신하는 것이 아니라 사례를 정리하기 위해 포인터 유형을 사용하세요.
게임 입력 장치 테스트 관련 질문
브라우저 입력 에뮬레이션이 충분합니까?
에뮬레이션은 반복 가능한 레이아웃 검사에 유용하지만 하드웨어 및 운영 체제 제스처를 재현하지 못할 수도 있습니다. 게임이 지원하는 입력 모드를 실제 장치에서 테스트합니다.
얼마나 많은 장치를 테스트해야 합니까?
지원되는 입력 유형과 의미 있는 레이아웃 극단을 다루는 장치를 선택하십시오. 임의의 장치 수에 의존하지 않고 오류를 재현할 수 있도록 브라우저 및 뷰포트 세부 정보를 기록합니다.
추가 읽을거리
오래된 정보를 발견하셨나요? 수정 사항 제보