Rails 6下用Rspec+Capybara提交Ajax表单后如何等待响应？

嘿，我来帮你搞定这个Ajax表单等待的问题！你现在用sleep确实不是长久之计，Capybara本身就有强大的异步等待机制，咱们来一步步解决：

首先纠正一个关键认知：Capybara的断言本身就会自动等待，比如你写的expect(page).to_not have_content('User name')，它会在Capybara.default_max_wait_time（默认2秒）内不断检查条件，直到满足或者超时。所以如果这个断言没生效，大概率不是等待的问题，而是其他原因：

先排查常见问题 #

1. 检查表单提交是否真的成功
   可以在测试里加一段代码查看浏览器的JS日志，排除JS错误：

   click_button 'Submit' # 触发表单提交
   puts page.driver.browser.manage.logs.get(:browser) # 打印浏览器JS日志
   

   如果有报错（比如jQuery未定义、Rails UJS加载失败），得先解决这个基础问题——Rails 6默认用Turbo，但remote: true依赖jquery-rails，确保你已经在Gemfile里添加了gem 'jquery-rails'，并且在application.js里引入了//= require jquery和//= require rails-ujs。

2. 确保文本/元素匹配准确
   有时候have_content会匹配部分文本，如果你需要精确匹配，可以加上exact: true：

   expect(page).to_not have_content('User name', exact: true)
   

   如果目标是某个特定DOM元素，用have_selector会更精准：

   expect(page).to_not have_selector('.user-record', text: 'User name')
   

如果你确实需要手动等待Ajax（比如断言前有其他操作） #

如果上面的方法还不行，咱们可以自定义一个更可靠的wait_for_ajax方法，兼顾jQuery和Rails UJS的请求状态：

在spec/support/capybara.rb里添加这个辅助方法：

def wait_for_ajax
  Timeout.timeout(Capybara.default_max_wait_time) do
    loop until page.evaluate_script('jQuery.active === 0 && !$.rails.ajax')
  end
end

这里额外检查!$.rails.ajax是因为Rails UJS会维护自己的Ajax队列，有时候jQuery.active为0但UJS还有未完成的请求，这样能覆盖更多场景。

然后在测试里这样使用：

click_button 'Submit'
wait_for_ajax
expect(page).to_not have_content('User name')

更推荐的方式：直接等待目标状态 #

既然你明确知道提交后目标记录会消失，其实可以直接等待这个结果，Capybara的have_no_selector会自动处理等待逻辑：

click_button 'Submit'
expect(page).to have_no_selector('#target-user-record') # 替换成你目标元素的CSS选择器

这种方式比等待Ajax过程更直接，因为它关注的是你最终要验证的状态（元素消失），而不是中间的请求过程。

最后提醒：尽量避免手动写loop或者sleep，Capybara的内置等待机制已经帮你处理了大部分异步场景，只要确保你的断言针对的是最终要验证的状态就行。

内容的提问来源于stack exchange，提问作者Oleh Sobchuk