前提・実現したいこと
投稿に対するコメント機能(新規作成、削除)をAjax通信で実装しました。
これに対するテストがAjax通信でなければ成功するのですが、Ajax通信では失敗してしまいます。
なのでAjax通信でも成功させたいです。
発生している問題・エラーメッセージ
System Specで必要条件を満たしたコメントを投稿したら、Commentモデルの数が1つ変わることを確認するテストでエラーが発生します。
expected `Comment.count` to have changed by 1, but was changed by 0
失敗した時のスクリーンショット
画面上は想定通りです。
画面左側が投稿、右側が今回作成したコメントです。
吹き出しアイコンの隣にはコメント数が表示されるのですが、正常に「1」と表示されています。
該当のソースコード
[spec/system/comments_spec.rb]
ruby
1require 'rails_helper' 2 3describe 'コメント投稿機能', type: :system do 4 let!(:user) { FactoryBot.create(:user) } 5 let!(:post) { FactoryBot.create(:other_post, user: user)} 6 7 context '新規作成機能' do 8 before do 9 sign_in_as user 10 find('.post-show-link').click #投稿詳細画面をモーダルウィンドウで開く(Ajax通信) 11 end 12 13 it 'コメントが正常の投稿されること' do 14 expect { 15 fill_in 'comment[content]', with: "コメントテスト" 16 click_button '送信' 17 }.to change(Comment, :count).by(1) 18 end 19 end 20end
[comments_controller.rb]
ruby
1def create 2 @post = Post.find(params[:comment][:post_id]) 3 @comment = @post.comments.build(comment_params) 4 @comment.user_id = current_user.id 5 if @comment.save 6 respond_to do |format| 7 format.html { redirect_back(fallback_location: root_url) } 8 format.js 9 end 10 end 11end
Ajax通信でなければ成功する
form_withにlocal: trueを指定するとテストは成功します。
ruby
1<%= form_with(model: Comment.new(id: current_user.id), class: 'comment-form', local: true) do |f| %> 2 <%= f.text_area :content, class: 'comment-form__textarea', placeholder: 'コメントを入力' %> 3 <%= hidden_field_tag 'comment[post_id]', post.id %> 4 <%= f.submit "送信", id: 'button-post', class: 'comment-form__submit disabled', disabled: true %> 5<% end %>
リロードすると成功する
送信ボタンをクリック後、リロード(visit current_path)するとテストは成功します。
ruby
1it 'コメントが正常の投稿されること' do 2 expect { 3 fill_in 'comment[content]', with: "コメントテスト" 4 click_button '送信' 5 visit current_path 6 }.to change(Comment, :count).by(1) 7end
補足情報(FW/ツールのバージョンなど)
- Ruby 2.6.2
- Rails 5.2.3
- capybara 3.26.0
- rspec-rails 3.8.2
- selenium-webdriver 3.142.3
- webdrivers 4.1.1
足りない情報等ございましたら、ご指摘ください。
よろしくお願いします。
![guest](/img/icon/icnUserSample.jpg)
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。