ブログ記事のタグ入力ショートカットを作成

[lsesmpmido]

Issue

• ブログ記事のタグ入力のショートカットがほしい #8431

概要

いくつかの重要なタグをタイポしないように選択肢から入力できるようにしました。

変更確認方法

1. feature/add-shortcut-for-blog-tagをローカルに取り込む
   1. git fetch origin feature/add-shortcut-for-blog-tag
   2. git switch feature/add-shortcut-for-blog-tag
2. foreman start -f Procfile.devでローカル環境を立ち上げる
3. 管理者・メンターアカウントでログインする
   • 例: ユーザー名: komagata、パスワード: testtest
4. 記事の一覧（http://localhost:3000/articles ）から記事の新規作成、または編集ページに移動する
5. タグ入力欄の下にある「タグ入力」の項目からタグを選択し、タグ入力欄にタグが反映されることを確認する
6. 記事を保存し、「タグ入力」から選択したタグが実際に保存できていることを確認する

Screenshot

変更前

変更後

[lsesmpmido]

@machida さん
お疲れ様です！

記事を作成する際に重要なタグをボタンで選択できるようにいたしましたのでボタンのデザイン付けをお願いしたいです。
ご確認よろしくお願いいたします🙇‍♂️

[machida]

@lsesmpmido デザイン入れましたー

[lsesmpmido]

@Ryooo-k さん
お疲れ様です！
こちらのレビューをお願いしたいのですがよろしいでしょうか？
全然急ぎではありませんので、ご検討いただけるとうれしいです
よろしくお願いしますm(_ _)m

[Ryooo-k]

@lsesmpmido
了解しました🫡レビュー完了後、ご連絡しますね👍

[Ryooo-k]

@lsesmpmido
確認しました！テストに関して、一点だけコメントしてますのでご確認お願いします！
久しぶりのReactだったので依存配列やらクリーンアップ関数など忘れていたので勉強になりました👍

[Ryooo-k]

質問させてください！ここのfindはタグ追加まで待機することが目的ですか？ちょっと用途が分からなかったので教えてください🙇

[lsesmpmido]

すみません、こちらは'.tagify__input'の箇所に選択したタグが入力されてるかを確認する意図で書いたつもりだったんですが、たしかにこの書き方では不適切でしたねassert_selector('.tagify__tag', text: '注目の記事')で確認できるように修正いたしました

[lsesmpmido]

@Ryooo-k さん
レビューありがとうございます！
ご指摘いただいた箇所について修正いたしました！
お手すきの際に改めて確認をお願いいたします！

[Ryooo-k]

@lsesmpmido
確認しましたー！OKです🙆

[lsesmpmido]

@Ryooo-k さん
レビューありがとうございました！

@komagata さん
Approveをいただいたので、お手すきの際にレビューの確認をお願いいたします