bootcamp icon indicating copy to clipboard operation
bootcamp copied to clipboard

ブラウザのバックボタンで戻った時にユーザー登録ボタンの状態を更新する

Open naokinaokiboo opened this issue 11 months ago • 6 comments

Issue

  • #7553

概要

DOMContentLoadedイベントでチェックボックスの状態を元に「参加する」ボタンの有効無効を切り替えていたが、ブラウザのバックボタンで戻った場合、DOMContentLoadedイベント時にはまだチェックボックスの状態が復元されておらず、結果、チェックボックスの状態と「参加する」ボタンの状態が合わせられていなかった。

※ブラウザによって挙動が異なっていたため、違いの調査については上記Issueのコメントに記載しています。

  • https://github.com/fjordllc/bootcamp/issues/7553#issuecomment-2008631911

変更確認方法

  1. bug/fix-submit-button-on-browser-backをローカルに取り込む
  2. localhost:3000/users/newにアクセスする
  3. カード番号を入力する
    • ダミーの番号として、4242 4242 4242 4242が使用可能(有効期限は任意の将来の日付、セキュリティコードは任意の3桁の数字)
  4. 他の入力必須項目を未入力のまま、以下のチェックボックスにチェックを入れ、参加するボタンをクリックする
    • アンチハラスメントポリシーに同意
    • 利用規約に同意
  5. 未入力項目があるため、未入力エラーが出る。その画面で以下の項目を確認する
    • アンチハラスメントポリシーに同意のチェックボックスがチェック状態のままであること
    • 利用規約に同意のチェックボックスがチェック状態のままであること
    • 参加するボタンが有効(クリックできる状態)であること
  6. ブラウザのバックボタンで戻る
  7. 以下の項目を確認する
    • アンチハラスメントポリシーに同意のチェックボックスがチェック状態のままであること
    • 利用規約に同意のチェックボックスがチェック状態のままであること
    • 参加するボタンが有効(クリックできる状態)であること

Screenshot

変更前

Image from Gyazo

変更後

Image from Gyazo

naokinaokiboo avatar Mar 20 '24 03:03 naokinaokiboo

@kurumadaisuke お疲れ様です。 こちらレビューをお願いできますでしょうか🙏(全く急ぎではありません) もしご都合悪いなどありましたら、その旨、仰っていただけたらと思います。 よろしくお願い致します。🙇‍♂️

naokinaokiboo avatar Mar 27 '24 03:03 naokinaokiboo

@naokinaokiboo ご連絡ありがとうございます🙏 ちょっと仕事がバタバタしていてFBCに時間があまり割けないのですが、 お時間いただいてもいいのであればレビュー承ります🙇‍♂️ もし、急ぎ等の理由があればお手数ですが他の方でもよろしいでしょうか🙇‍♂️?

kurumadaisuke avatar Mar 28 '24 01:03 kurumadaisuke

@kurumadaisuke

ちょっと仕事がバタバタしていてFBCに時間があまり割けないのですが、 お時間いただいてもいいのであればレビュー承ります🙇‍♂️

はい。急ぎではないので、大丈夫です。 お忙しいところ恐縮ですが、よろしくお願い致します。🙇‍♂️

naokinaokiboo avatar Mar 28 '24 04:03 naokinaokiboo

@naokinaokiboo 確認が遅くなりすいません。 動作確認でlocalhost:3000/users/newにアクセスして、対象のチェックボックスにチェックを入れ そこから「ブラウザのバックボタンで戻る」の次はもう一度localhost:3000/users/newにアクセスをする。であっています?🙏

どういった挙動を再現すれば分かっておらずで🙏

kurumadaisuke avatar Apr 03 '24 12:04 kurumadaisuke

@kurumadaisuke

そこから「ブラウザのバックボタンで戻る」の次はもう一度localhost:3000/users/newにアクセスをする。であっています?🙏

返信遅くなり申し訳ありません。🙏 確認方法の手順にカード番号の入力の手順が抜けていました。申し訳ありません。(この手順が抜けていたため、混乱を招いてしまったと思います)🙇‍♂️ 確認方法を一部更新しましたので、お手数ですが、再度ご確認お願い致します。 ブラウザのバックボタンで戻った時の挙動を確認したいため、バックボタンで戻った後、再度localhost:3000/users/newへのアクセスは不要です。

naokinaokiboo avatar Apr 05 '24 11:04 naokinaokiboo

@naokinaokiboo 動作確認手順の修正ありがとうございます!🙏 再度試したら確認できました!!

kurumadaisuke avatar Apr 05 '24 13:04 kurumadaisuke

@kurumadaisuke お忙しい中、レビュー頂きありがとうございました🙏(返信遅くなり申し訳ありません)

naokinaokiboo avatar Apr 11 '24 08:04 naokinaokiboo

@komagata メンバーのレビュー通過しましたので、こちらのレビューをお願い致します🙏

naokinaokiboo avatar Apr 11 '24 08:04 naokinaokiboo