Ruby Selenium/Capybara：如何等待加载Spinner消失？

我之前也碰到过类似的情况——单纯依赖wait_for_ajax确实未必能解决Kendo Spinner的等待问题，因为有时候AJAX请求已经完成，但Spinner可能因为前端动画延迟、DOM更新异步等原因还没消失。直接针对Spinner元素的可见性做等待会更可靠。

方法一：自定义等待Spinner消失的方法 #

你可以在测试支持文件（比如spec/support/features.rb）里添加一个专门的等待方法，直接检查Spinner是否不再可见：

def wait_for_kendo_spinner
  # 替换成你页面上Kendo Spinner的实际类名，比如常见的'.k-loading-mask'或'.k-spinner'
  spinner_selector = '.k-your-spinner-specific-class'
  
  # 等待Spinner不可见或从DOM中移除，Capybara会自动处理超时
  expect(page).not_to have_selector(spinner_selector, visible: true)
end

如何使用这个方法 #

在你的测试用例中，触发加载操作后调用这个方法，再执行后续断言：

# 触发会显示Spinner的操作，比如点击加载按钮
click_button 'Fetch Data'

# 等待Spinner消失
wait_for_kendo_spinner

# 接下来执行需要Spinner消失后的操作/断言
expect(page).to have_content('Data Loaded Successfully')

为什么wait_for_ajax不够可靠？ #

• Kendo的Spinner可能和AJAX请求没有强绑定：比如有些场景下，AJAX请求完成后，前端还要做数据处理、DOM渲染，这时候Spinner才会消失，AJAX完成的时机早于Spinner消失的时机。
• 部分Spinner带有过渡动画：即使DOM状态已经变更，动画还没结束，元素依然处于"可见"状态，这时候wait_for_ajax已经结束，但实际页面还没就绪。

额外优化建议 #

1. 确认正确的选择器：打开浏览器开发者工具，找到Spinner元素的准确类名或选择器，避免选错元素导致等待失败。
2. 自定义超时时间：如果你的Spinner消失较慢，可以在断言时指定超时时间：

   expect(page).not_to have_selector(spinner_selector, visible: true, wait: 15)
   

3. 结合AJAX等待（可选）：如果某些场景下Spinner确实依赖AJAX，可以先等待AJAX完成再等Spinner，但通常直接等Spinner更稳妥：

   click_button 'Fetch Data'
   wait_for_ajax
   wait_for_kendo_spinner
   

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