CHECKLIST.md

チェックリスト

ランキング上位のアプリケーションで、次の項目を検査する場合があります

全体

• SP端末幅・PC端末幅において明らかな表示誤りに起因する差分がないこと（商品情報、画像、スタイルなど）

ヘッダー

• 未ログイン状態時に、ユーザーアイコンをクリックし、ログインモーダルが表示されること
• ログイン状態時に、カートアイコンをクリックし、購入手続きページへ遷移すること
• 「買えるオーガニック」ロゴをクリックし、トップページへ遷移すること

フッター

• 「買えるオーガニック」ロゴをクリックし、トップページへ遷移すること

ログインモーダル

• フォームUIの外をクリックした時に、そのモーダルが閉じること
• 会員登録ボタンをクリックした時に、ログインモーダルが閉じ、会員登録モーダルが開くこと
• 各inputに入力できる内容・機能に差分がないこと
• 各inputに誤った内容を入力時、エラーが表示されること
• 存在するユーザー情報を入力、ログインボタンをクリックした時に、ログインに成功すること
• 存在しないユーザー情報を入力、ログインボタンをクリックした時に、エラーが表示されること
• ログインに成功時に、ログインモーダルが閉じること

会員登録モーダル

• フォームUIの外をクリックした時に、そのモーダルが閉じること
• ログインボタンをクリックした時に、会員登録モーダルが閉じ、ログインモーダルが開くこと
• 各inputに入力できる内容・機能に差分がないこと
• 各inputに誤った内容を入力時、エラーが表示されること
• 存在しないユーザー情報を入力、登録ボタンをクリックした時に、会員登録に成功すること
• 存在するユーザー情報を入力、登録ボタンをクリックした時に、エラーが表示されること
• 会員登録に成功時に、会員登録モーダルが閉じること

トップページ（今週のオススメ）

• オススメ商品ホバー時にアニメーションが発生すること
• オススメ商品クリック時にその商品詳細ページへ遷移すること

トップページ（カルーセル/リスト）

• 時間に応じてタイムセールを示すラベルがリストアイテムに表示されていること
• 各セクションのアイテムクリック時にその商品詳細ページへ遷移すること
• カルーセルUIの左右のボタンを押した時にリストアイテムが更新されること
• カルーセルUIの左右のボタンが表示する商品がない場合にdisableになること
• windowサイズを変更時に、その幅に応じてリストアイテムや左右のボタンのUIも更新されること
• window幅1024px以上の時にカルーセルUIが表示されること
• window幅1024px未満の時にリストUIが表示されること

商品詳細ページ（商品詳細）

• 各メディアボタンをクリックした時に、表示される内容が変更されること
• 動画ボタンをクリック時に、動画が自動で再生されること
• 動画の内容に著しい差分がないこと
• タイムセール時に、タイムセールの金額・ラベルが表示されていること
• 未ログイン時に、ログインボタンが表示されていること
• ログインボタンをクリックした時に、ログインモーダルが表示されること
• ログイン時に、「カートに追加ボタン」が表示されていること
• 「カートに追加ボタン」を押した時にカートの個数が1つ増えること
• カートに既に同じ商品を追加している場合、追加済みの個数が表示されること
• カートに既に同じ商品を追加している場合、購入手続きへボタンが表示されること
• 購入手続きへのボタンをクリック時に、購入手続きページへ遷移すること
• 存在しない商品IDのページへ遷移時、エラー画面が表示されること

商品詳細ページ（レビュー）

• 非ログイン時に、レビューフォームが表示されないこと
• ログイン時に、レビューフォームが表示されていること
• レビューを送信時に、レビュー一覧が更新されること
• レビューを送信時に、レビューフォームがリセットされること
• 特定の文字数を超えた時に、エラーが表示されること
• 特定の文字数を超えた時に、レビューが送信できないこと
• 何も入力していない場合にレビューが送信できないこと
• レビューフォームがリサイズできること

購入手続きページ（カート）

• カートに何も追加していない場合、エラー文言が表示されること
• カートに追加した商品・個数が表示されていること
• カートアイテムをクリック時に、その商品詳細ページへ遷移すること
• 時間に応じて「タイムセール」ラベルとその価格が表示されていること
• 商品の個数を変更、その上でフォーカスを失わせた時に、個数が 1 ~ 999の範囲でバリデーションされること
• 商品の個数を変更、その上でフォーカスを失わせた時に、合計金額が更新されること
• 削除ボタンを押した時に、その商品がカートから削除されること

購入手続きページ（お届け先）

• ログイン状態、かつ、カートの中身がある場合にのみお届け先セクションが表示されていること
• 郵便番号を入力時、その値に応じた住所が都道府県・市区町村inputに自動で入力されること
• 各inputに入力できる内容・機能に差分がないこと
• 購入ボタンをクリック時に、商品を購入した後に購入完了ページに遷移すること

購入完了ページ

• 架空のサイトである旨を示す文言がNoto Serif Japaneseフォントで表示されていること
• オススメ商品ホバー時にアニメーションが発生すること
• オススメ商品クリック時にその商品詳細ページへ遷移すること
• 購入ボタンをクリック時に、商品を購入した上で、購入完了ページに遷移すること
• トップへ戻るボタンをクリック時、トップページへ遷移すること

404ページ

• 存在しないURLにアクセス時、ページが存在しないことを示すUIが表示されること
• ページが見つからない旨を示す文言がNoto Serif Japaneseフォントで表示されていること