水豚复选框不触发JS?

我试图测试以下表单,该表单允许用户通过选中复选框来隐藏其个人资料。

<%= form_tag toggle_hidden_path, id: 'toggle-form', method: :put, remote: true do %>
  <%= check_box_tag(:hide, value = '1', checked = @account_is_hidden) %>
<% end %>

选中或取消选中(更改)时,使用JS提交表单。

<script type="text/javascript">
  $('#hide').on('change', function() { $(this.form).submit(); });
</script>

我的控制器动作和方法在模型中切换:隐藏布尔值。

  # accountsController

  def toggle_hidden
    @account = current_user.account
    @account.toggle_hidden!
  end

  # account.rb

  def toggle_hidden!
   toggle!(:hidden)
  end

require 'rails_helper'

feature 'Hide and show profile' do
  let(:account) {create :account}

  scenario 'successfully', js: true do
    login_as(account.user)
    visit dashboard_path

    expect(account.hidden).to eq(false)

    expect(page).to have_field('hide')
    check('hide')
    expect(page).to have_field('hide', checked: true)

    expect(account.hidden).to eq(true)
  end
end

测试误差;

Failures:

1) Hide and show profile successfully
 Failure/Error: expect(account.hidden).to eq(true)

   expected: true
        got: false

   (compared using ==)

非常感谢您的帮助,了解这可能不起作用的原因。。

我添加了一个flash通知,当选中/取消选中复选框时显示。

  def toggle_hidden
   @account = current_user.account
   @account.toggle_hidden!
    respond_to do |format|
     format.js { flash[:notice] = "Hidden toggled" }
    end
  end

expect(page).to have_content('Hidden toggled')