QA チェックリスト

Cafe Explorer プロトタイプのテストケース（サンプル）

進捗0/9

カフェ一覧

P0一覧表示: グリッド ↔ リスト切替

手順:

  1. トップページを開く
  2. 右上のグリッド/リストトグルをクリックする
  3. 表示が切り替わることを確認する

期待結果: グリッド表示（3列）とリスト表示が切り替わり、カフェ情報が正しく表示される

P1空状態: 検索結果なし

手順:

  1. /?_v=empty にアクセスする
  2. 空状態のUIが表示されることを確認する

期待結果: 「見つかりませんでした」メッセージと検索条件変更の案内が表示される

P1ローディング状態

手順:

  1. /?_v=loading にアクセスする
  2. スケルトンUIが表示されることを確認する

期待結果: カードのスケルトン（アニメーション付き）が6枚表示される

カフェ詳細

P0タブ切替: メニュー → レビュー

手順:

  1. /cafe を開く（メニュータブがデフォルト）
  2. 「Reviews」タブをクリックする
  3. レビュー一覧が表示されることを確認する

期待結果: タブの下線がReviewsに移動し、レビューカードが表示される

P0レビュー表示パターン: カード型 vs タイムライン型

手順:

  1. /cafe?_tab=reviews にアクセス（カード型）
  2. /cafe?_tab=reviews&_p=timeline-review にアクセス（タイムライン型）
  3. 両方の表示を比較する

期待結果: カード型は独立カード、タイムライン型は縦線で繋がった表示になる

P1レビューなし状態

手順:

  1. /cafe?_tab=reviews&_v=no-reviews にアクセスする

期待結果: 「まだレビューがありません」+ 「レビューを書く」CTAが表示される

ナビゲーション

P0一覧 → 詳細への遷移

手順:

  1. トップページのカフェカードをクリックする

期待結果: カフェ詳細画面に遷移する

P0詳細 → 一覧への戻り

手順:

  1. /cafe を開く
  2. 「Back」リンクをクリックする

期待結果: カフェ一覧画面に戻る

P1ProtoNav のタブ切替

手順:

  1. 上部ナビの Prototype / Map / Spec / QA を順にクリックする

期待結果: 各ページに正しく遷移し、アクティブタブがハイライトされる