入力と重要な状態をリストする
マウス、タッチ、キーボード、ペンの行は、ゲームがその入力に対応している場合だけ作成します。押下、移動、解放、キャンセル、フォーカス喪失、サイズ変更の列を追加します。ドラッグ操作では通常の解放と pointercancel イベントの両方をテストします。キーボード操作では複数キーの同時押しと、ページを離れてフォーカスを失う場合をテストします。一般的な端末チェックリストではなく、実際のゲームの仕組みを反映したマトリックスにします。
テストが失敗した場合は、デバイス、ブラウザ、ビューポート、および手順を記録します。 Devtools は画面サイズをエミュレートできますが、すべてのハードウェア動作やシステム ジェスチャをエミュレートできるわけではありません。タッチファースト ゲームには実際のタッチ デバイスを使用し、その表面をスクロールするページを確認します。
レイアウト変更後に繰り返す
キャンバスのサイズ、方向、メニュー、またはレスポンシブ ブレークポイントを変更した後、同じ短いテストを実行します。ポインターの座標が依然としてゲーム座標にマッピングされていること、およびフォーカスが依然として目的の要素に到達していることを確認します。ゲームは初期入力テストに合格しても、サイズ変更後に失敗する場合があります。これは、ヒットテストで古い値が保持されている間に表示変換が変更されたためです。
キャンバスのサイズ、方向、メニュー、またはブレークポイントを変更した後、テストを繰り返します。ポインターの座標が依然として正しくマッピングされており、フォーカスが目的の要素に到達していることを確認します。 MDN は、マウス、ペン、タッチによるポインター イベントを文書化します。 pointerType は、テストの代わりとしてではなく、ケースを整理するために使用します。
ゲームの入力デバイスのテストについての質問
ブラウザ入力エミュレーションで十分ですか?
エミュレーションは、反復可能なレイアウト チェックには役立ちますが、ハードウェアやオペレーティング システムのジェスチャは再現できない場合があります。ゲームがサポートする入力モードを実際のデバイスでテストします。
何台のデバイスをテストすればよいですか?
サポートされている入力タイプと意味のある極端なレイアウトをカバーするデバイスを選択してください。ブラウザとビューポートの詳細を記録して、任意のデバイス数に依存するのではなく障害を再現できるようにします。
関連情報
古い情報を見つけましたか？ 訂正を連絡