商品購入機能の実装

[manabu-ouchi]

What

購入画面を作成

why

商品購入機能を実装するため

必要な情報を適切に入力して「購入」ボタンを押すと、商品の購入ができる動画

https://gyazo.com/42d1eba7db4fdb117d1a4fdf55f28222

入力に問題がある状態で「購入」ボタンが押された場合、情報は受け入れられず、購入ページでエラーメッセージが表示される動画

https://gyazo.com/ca7ce83ce51ec2c501caa120677dcaae

ログイン状態の場合でも、URLを直接入力して自身が出品していない売却済み商品の商品購入ページへ遷移しようとすると、トップページに遷移する動画

https://gyazo.com/50da729b017043a57163d58a5986afa3

ログイン状態の場合でも、URLを直接入力して自身が出品した商品の商品購入ページに遷移しようとすると、商品の販売状況に関わらずトップページに遷移する動画

https://gyazo.com/80adb0305fb7a5e0cfffd1cb99f86ed3 https://gyazo.com/261d27c7990ab706374ff9927fa464ac

ログアウト状態の場合は、URLを直接入力して商品購入ページに遷移しようとすると、商品の販売状況に関わらずログインページに遷移する動画

https://gyazo.com/cd7216d44421ac36805bf4a8ef70f3ad

売却済みの商品は、画像上に「sold out」の文字が表示される動画

https://gyazo.com/588a2ed76ba785fdb572db56dfcd36d8 https://gyazo.com/7fddfa4e59b2e88aad94c3bf7bb2eeb6 https://gyazo.com/9b899e93a2becd33a8a1059bac9a262b

売却済みの商品は、画像上に「sold out」の文字が表示される動画

https://gyazo.com/d7460bc69c326aeea2f9eaa2f89fbcaf

ログイン状態の場合でも、売却済みの商品には、「商品の編集」「削除」「購入画面に進む」ボタンが表示されない動画

https://gyazo.com/a42b103076a66ad23c04ed95f644cbd0

ログイン状態の場合でも、URLを直接入力して自身が出品した売却済み商品の商品情報編集ページへ遷移しようとすると、トップページに遷移する動画

https://gyazo.com/963b8fadced8f65f9f099f597fb5371b

テスト結果の画像

https://gyazo.com/3ee32223548cae7dedb0269067c022da