QA チェックリスト

Viet Learn のテストケース一覧です。チェック状態はブラウザに保存されます。

進捗0/14

基本フロー

P0正常系: カテゴリ選択 → クイズ → 結果

手順:

  1. トップページを開く
  2. 「挨拶」カテゴリをタップ
  3. 全8問に回答する
  4. 結果画面が表示される

期待結果: スコアが正しく表示され、円グラフがアニメーションする

P0正常系: 結果画面からリトライ

手順:

  1. 結果画面で「もう一度挑戦」をタップ
  2. 同じカテゴリのクイズが再開される

期待結果: 問題がシャッフルされ、スコアがリセットされる

P0正常系: 結果画面からトップへ

手順:

  1. 結果画面で「カテゴリ選択に戻る」をタップ

期待結果: トップページに遷移する

クイズロジック

P0正解判定: 正しい選択肢をタップ

手順:

  1. クイズ画面で正しい日本語訳をタップ

期待結果: 選択肢が緑色になり「正解!」と表示される

P0不正解判定: 間違った選択肢をタップ

手順:

  1. クイズ画面で間違った日本語訳をタップ

期待結果: 選択した肢が赤色、正解が緑色になり「不正解... 正解: ○○」と表示される

P1選択肢: 4つの異なる選択肢が表示される

手順:

  1. 各問題で選択肢を確認

期待結果: 重複なく4つの選択肢が表示される（正解1 + 誤答3）

P1二重タップ防止

手順:

  1. 選択肢をタップ後、すぐに別の選択肢をタップ

期待結果: 最初の選択のみ有効。二重選択されない

カテゴリ別

P1挨拶カテゴリ: 全8問表示

手順:

  1. 「挨拶」を選択して全問回答

期待結果: 8問すべて正常に表示・判定される

P1レストランカテゴリ: 全8問表示

手順:

  1. 「レストラン」を選択して全問回答

期待結果: 8問すべて正常に表示・判定される

P1交通カテゴリ: 全8問表示

手順:

  1. 「交通」を選択して全問回答

期待結果: 8問すべて正常に表示・判定される

P1買い物カテゴリ: 全8問表示

手順:

  1. 「買い物」を選択して全問回答

期待結果: 8問すべて正常に表示・判定される

UI / レスポンシブ

P2モバイル表示（375px）

手順:

  1. ブラウザ幅を375pxにしてトップ・クイズ・結果画面を確認

期待結果: すべての要素が崩れずに表示される

P1ProtoNav: Prototype / Spec / QA 切り替え

手順:

  1. 上部ナビでPrototype, Spec, QAを切り替え

期待結果: 各ページに正しく遷移し、アクティブ状態が反映される

P2プログレスバーのアニメーション

手順:

  1. クイズを進めてプログレスバーを確認

期待結果: 問題を進めるたびにバーが滑らかに伸びる