【RSpec】Capybaraを使ったSystem SpecでAjax通信のテストが失敗する

前提・実現したいこと

投稿に対するコメント機能(新規作成、削除)を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