Liste entradas e estados importantes
Crie linhas para mouse, toque, teclado e caneta somente se o jogo oferecer suporte a essas entradas. Adicione colunas para pressionar, mover, soltar, cancelar, perder o foco e redimensionar. Em um jogo de arrastar, teste tanto a soltura normal quanto o evento pointercancel. Em um jogo de teclado, teste várias teclas pressionadas ao mesmo tempo e a perda de foco ao sair da página. A matriz deve refletir as mecânicas reais, não ser uma lista genérica de dispositivos.
Registre o dispositivo, o navegador, a janela de visualização e as etapas quando um teste falhar. Devtools podem emular tamanhos de tela, mas não todos os comportamentos de hardware ou gestos do sistema. Use um dispositivo de toque real para um jogo projetado prioritariamente para toque e verifique a rolagem da página em sua superfície.
Repita após alterações de layout
Execute o mesmo pequeno teste após alterar o tamanho da tela, a orientação, os menus ou os breakpoints responsivos. Confirme se as coordenadas do ponteiro ainda estão mapeadas para as coordenadas do jogo e se o foco ainda atinge o elemento pretendido. Um jogo pode passar nos testes de entrada iniciais e falhar após um redimensionamento porque sua transformação de exibição mudou enquanto o teste de acerto de alvo manteve os valores antigos.
Repita os testes após alterar o tamanho, a orientação, os menus ou os pontos de interrupção da tela. Confirme se as coordenadas do ponteiro ainda estão mapeadas corretamente e se o foco atinge o elemento pretendido. MDN documenta eventos de ponteiro através de mouse, caneta e toque; use pointerType para organizar casos, não como um substituto para testes.
Perguntas sobre testando os dispositivos de entrada do jogo
A emulação de entrada do navegador é suficiente?
A emulação é útil para verificações de layout repetíveis, mas pode não reproduzir gestos de hardware e sistema operacional. Teste em dispositivos reais os modos de entrada suportados pelo jogo.
Quantos dispositivos devo testar?
Escolha dispositivos que cubram os tipos de entrada suportados e extremos de layout significativos. Registre os detalhes do navegador e da janela de visualização para que as falhas possam ser reproduzidas, em vez de depender de uma contagem arbitrária de dispositivos.
Leitura complementar
Viu alguma informação desatualizada? Informar uma correção