Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

sadがついた日報にコメントを書いて『確認OKにする』ボタンを押した際に『今日の気分は「sad」ですが、コメント無しで確認しますか?』が表示されないようにした #4239

Merged
merged 7 commits into from
Feb 26, 2022

Conversation

Aseiide
Copy link
Contributor

@Aseiide Aseiide commented Feb 16, 2022

issue

概要(再現手順)

スクリーンショット 2022-02-17 12 11 07

  1. sadをつけた日報を投稿
  2. メンター権限で日報を開きコメントを書き『確認OKにする』を押す
  3. 『今日の気分は「sad」ですが、コメント無しで確認しますか?』が表示される。

sadの日報の時に、「確認OKにする」ボタンを押したときはポップアップが出ないように変更しました。

変更前

「日報を確認」ボタンを押したときも、「確認OKにするボタン」を押したときもポップアップが出てしまっている

PR.4239-.mov

変更後

「確認OKにするボタン」を押したときは、ポップアップが出ないようにした。

PR.4239-.mov

@Aseiide Aseiide requested a review from Saki-htr February 17, 2022 03:17
@Aseiide
Copy link
Contributor Author

Aseiide commented Feb 17, 2022

@Saki-htr こちらのレビューお願いいたします!

@Aseiide Aseiide marked this pull request as ready for review February 17, 2022 03:18
@Aseiide Aseiide changed the title [WIP]sadがついた日報にコメントを書いて『確認OKにする』ボタンを押した際に『今日の気分は「sad」ですが、コメント無しで確認しますか?』が表示される sadがついた日報にコメントを書いて『確認OKにする』ボタンを押した際に『今日の気分は「sad」ですが、コメント無しで確認しますか?』が表示される Feb 17, 2022
@Aseiide Aseiide changed the title sadがついた日報にコメントを書いて『確認OKにする』ボタンを押した際に『今日の気分は「sad」ですが、コメント無しで確認しますか?』が表示される sadがついた日報にコメントを書いて『確認OKにする』ボタンを押した際に『今日の気分は「sad」ですが、コメント無しで確認しますか?』が表示されないようにした Feb 17, 2022
@Saki-htr
Copy link
Contributor

@Aseiide さん
すみません、現在手持ちのレビューが3つあるため、別の方にご依頼いただけるとありがたいです🙏
せっかくご依頼くださったのに申し訳ありません🙇‍♀️💦

@Aseiide Aseiide requested a review from Paru871 February 17, 2022 07:38
@Aseiide
Copy link
Contributor Author

Aseiide commented Feb 17, 2022

@Saki-htr 承知しました!

@Paru871 レビューお願いできますか??

Copy link
Contributor

@Paru871 Paru871 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Aseiide
お疲れさまです。このたびはレビューのご依頼いただきありがとうございました。
私も同じように環境を作って、私だったらどう修正するだろうかと考えながらコードを拝見しました。
コメント投稿と確認チェックが同時に行われる際のコメントが既にある/ないの確認のタイミングを思ったとおりに動かすのが難しいですね。そしてcomments.vueにもcheckメソッドを作っておくというのはかなり工夫されたのだなという激闘ぶりが伝わってきました。
実装内容・挙動ともに不審な点はなく全く問題ないと思いましたので、私の方からはOKとさせていただきます👍

※テストについて1点確認していただきたいことがありましたので、別途コメントしました。
(確認・ご対応いただき次第、次の駒形さんのレビューに進んでください。)

よろしくお願いします😄

wait_for_vuejs
click_button '確認OKにする'
end
wait_for_vuejs
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

このwait_for_vuejsの記述については、以前のテストからの流れで慣習的に残してある感じでしょうか。

先日、Maedaさんのプルリクで駒形さんが以下のリンクのようにコメントされているのを見ました。
#4141 (comment)

私のローカル環境でこのwait_for_vuejsの1行を削除してテストを行ってみましたが、特に問題なくテスト通過したようですので、ご確認いただき不要であれば削除、少々待つのが必要であれば上記のプルリクでMaedaさんが対応されていた方法が参考になるかなと思いました。
ご確認をお願いします。

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Paru871
wait_for_vuejsを削除しても正常に動作しました。レビューありがとうございます!

@Paru871 Paru871 removed the request for review from Saki-htr February 17, 2022 15:27
@Paru871 Paru871 assigned Paru871 and Aseiide and unassigned Paru871 Feb 17, 2022
@Aseiide Aseiide force-pushed the bug/dont-show-sad-popup-window-with-mentor branch from 45ab188 to d49c83d Compare February 18, 2022 02:51
@Aseiide
Copy link
Contributor Author

Aseiide commented Feb 18, 2022

@komagata
お手すきでレビューお願いいたします。

}
const check = document.getElementById('js-shortcut-check')
this.createComment()
check.click()
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

これってなぜこの方法から、自前でPOSTする方法に変更したんでしょう?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

「確認OKにする」ボタンには、「日報を確認」する機能が必要で、ポップアップは必要ない。
「日報を確認」ボタンには、「日報を確認」する機能と、ポップアップの両方必要。

「日報を確認」するというメソッド(機能)はcheck.vueに存在し、comments.vueからは呼べないと思いました。
なぜなら、親子関係にないためです。
なので、「日報を確認」する機能に該当する部分(変更後コードのcomments.vue L138~L164)をcheck.vueから移植して自前でPOSTするようにしました。

自分では思いつかなかったのですが、comments.vueからcheck.vuecheckメソッドを呼ぶ方法がございましたら、実装のヒントや方針などご教示いただけますと幸いです。

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Aseiide なるほどですね〜

Checkする処理は同じだと思うのでcomponentからmixinを使って共通化するのはいかがでしょうか〜

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@komagata
なるほど、そういう方法があるのですね。
mixin調べてやってみます。

Copy link
Contributor Author

@Aseiide Aseiide left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@komagata
コメントいただいた部分について、返信しました。ご確認お願いします

}
const check = document.getElementById('js-shortcut-check')
this.createComment()
check.click()
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

「確認OKにする」ボタンには、「日報を確認」する機能が必要で、ポップアップは必要ない。
「日報を確認」ボタンには、「日報を確認」する機能と、ポップアップの両方必要。

「日報を確認」するというメソッド(機能)はcheck.vueに存在し、comments.vueからは呼べないと思いました。
なぜなら、親子関係にないためです。
なので、「日報を確認」する機能に該当する部分(変更後コードのcomments.vue L138~L164)をcheck.vueから移植して自前でPOSTするようにしました。

自分では思いつかなかったのですが、comments.vueからcheck.vuecheckメソッドを呼ぶ方法がございましたら、実装のヒントや方針などご教示いただけますと幸いです。

}
const check = document.getElementById('js-shortcut-check')
this.createComment()
check.click()
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Aseiide なるほどですね〜

Checkする処理は同じだと思うのでcomponentからmixinを使って共通化するのはいかがでしょうか〜

@Aseiide
Copy link
Contributor Author

Aseiide commented Feb 24, 2022

@komagata
mixinを使ってチェックメソッドを共通化しました。レビューお願いします。

@Aseiide Aseiide force-pushed the bug/dont-show-sad-popup-window-with-mentor branch from 5bf9076 to 8df3684 Compare February 24, 2022 00:51
Copy link
Member

@komagata komagata left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

確認しました、OKですー🙆‍♂️

@komagata komagata merged commit d15cedc into main Feb 26, 2022
@komagata komagata deleted the bug/dont-show-sad-popup-window-with-mentor branch February 26, 2022 16:47
@github-actions github-actions bot mentioned this pull request Feb 26, 2022
34 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants