質問の新規作成時にWIPを経由して公開すると「質問をWIPとして保存しました。」のメッセージが出たままになる

[ogawa-tomo]

概要

タイトルの通りです。
ユーザーとしては、「あれ？質問が公開できていないのかな？」と思ってしまう可能性があると思います。

再現手順

1. 質問作成ページ（questions/new）で適当に質問を作成し、「WIP」をクリックして保存
2. 「質問をWIPとして保存しました。」というフラッシュメッセージが出て、質問ページに遷移することを確認
3. 「内容修正」をクリック
4. 質問編集ページに自動で遷移し、「質問をWIPとして保存しました。」というフラッシュメッセージが出たままであることを確認
5. 適当に内容を編集し、「質問を公開」をクリック
6. 質問ページに自動で遷移し、「質問をWIPとして保存しました。」というフラッシュメッセージが出たままであることを確認

期待される振る舞い

上記再現手順の4の時点で、フラッシュメッセージは消すべきだと思われます。

スクリーンショット

環境

• OS: Windows10
• ブラウザ: chrome
• バージョン: 113.0.5672.93（Official Build）

原因

フラッシュメッージが表示されたままになってしまうのは、保存済みの質問の編集操作はapp/controllers/questions_controller.rbが担っており、ブラウザとしてはページ遷移せずにJavascriptで操作しているためと思われます。

[ogawa-tomo]

@komagata @machida
本イシューの仕様について相談させてください:bow:

上記イシュー本文では、「再現手順の4の時点で、フラッシュメッセージは消すべき」と書きました。
ただ、この部分の画面遷移はVueコンポーネントによって制御されているため、画面上部に表示されているフラッシュメッセージを消すことは難しいように思われました。Vueコンポーネントの管轄外であるためです。

そこで、質問の作成フローにおいては画面上部のフラッシュメッセージは使用せず、「内容変更」ボタン下部（Vueコンポーネント内）にメッセージを表示するよう統一したいと思うのですが、いかがでしょうか？
現状で既に、既存の質問を更新した際のメッセージはそこに表示されるようになっています。

具体的には、下記のような挙動に変更したいと考えています。ご確認お願いいたします。

質問を新規作成してWIPとして保存しそのまま公開するとき

1. 質問作成ページ/questions/newで質問を適当に作成し、「WIP」をクリック

修正前: 「質問をWIPとして保存しました。」のメッセージが画面上部に表示される

修正後: 「質問をWIPとして保存しました。」のメッセージが「内容修正」ボタンの下部に表示される

2. そのまま「内容修正」→「質問を公開」をクリック

修正前: 「質問を更新しました。」のメッセージが「内容修正」ボタンの下部に表示され、「質問をWIPとして保存しました。」のメッセージが画面上部に表示されたままとなっている

修正後: 「質問を更新しました。」のメッセージが「内容修正」ボタンの下部に表示される

質問を新規作成してそのまま公開するとき

質問作成ページ/questions/newで質問を適当に作成し、「登録する」をクリック

修正前: 「質問を作成しました。」のメッセージが画面上部に表示される

修正後: 「質問を作成しました。」のメッセージが「内容修正」ボタンの下部に表示される

[ogawa-tomo]

5/24 開発ミーティングメモ
全てトーストに統一という方針はありうる。
「担当者になりました」「コメント投稿」などはトーストを使っているはず。

→駒形さんが改めて検討したうえで後日回答していただくことになった。

[komagata]

@ogawa-tomo 仕様を考えました。

アドホックな対応になりますが、一時的な対応ということで、

「変更時にflashメッセージを直接書き換える」

ということでいきたいと思います。

document.querySelector('#flash').innerHtml = '質問を公開しました。'

的な感じで大丈夫です。（厳密にコードは違うものになると思いますが）

根本的には「Q&Aの編集ページはSPA的なものじゃなくする（元に戻す）」とかが良いと思っていますが今回はアドホックな対応でお願いします。

[ogawa-tomo]

承知しました、ありがとうございます！

[ogawa-tomo]

@komagata @machida こちらの本番環境動作確認について質問をさせてください。こちらは質問の新規作成時の挙動に関するイシューですが、動作確認にあたり本番環境で実際に質問を作成してよいでしょうか？

[machida]

@ogawa-tomo はい！通知はメンターにしか飛ばないので確認用の質問を作って大丈夫ですー🙆‍♂️

[ogawa-tomo]

承知しました、ありがとうございます！

[ogawa-tomo]

本番環境で動作確認ができたのでクローズします。