如何让 Capybara 找到一个快速出现和消失的元素（加载微调器）

Question

我有一个应用程序，您可以选择一个复选框，单击提交按钮，然后更新值。在现实世界中，单击会触发 API 调用，并且值会随响应更新。在调用 API 和返回值之间，我还将 value-to-be-updated-area 设置为使用微调器（加载微调器）填充。这在现实生活中非常有用。但是，在测试中，我想确保微调器出现、消失，然后新值就位。在测试环境中（使用rspec）我设置了一个sinatra假服务来响应所有通过webmock的stub_request的API调用。

所以问题在于，sinatra 真的很快就给出了价值，如此之快，以至于水豚永远看不到旋转器。 （我认为这就是问题所在）

我尝试人为地减慢对这类功能规范的 sinatra 响应，但没有奏效。此外，我宁愿不这样做，因为我希望套件速度快。这是一个示例规范：

    it 'lets the user change the pickup library of a hold', js: true do
      visit holds_path
      page.check 'hold_list__3911148'
      page.select 'A terrific value', from: 'some_dropdown'
      page.click_button 'Update Selected Things'
      expect(page).to have_css 'spinner-border' # this will _always_ fail to be detected
      expect(page).to have_css '#hold3911148 .pickup_at', text: 'York'
    end

Answer 1

测试和应用程序异步运行，因此如果您确实需要验证微调器是否出现，那么您唯一的选择就是减慢该测试的响应速度，以使微调器实际出现并被看到。根据您使用的驱动程序以及浏览器驱动程序（chromedriver、geckodriver 等）作者选择实现按钮单击的方式，您必须等待的时间可能比您预期的要长。这是因为驱动程序作者可能会选择让按钮单击等待一段时间以查看它们是否会触发页面加载，而 Capybara 在click_button 返回之前无法开始寻找微调器。

我知道你说过放慢响应速度“没有用”，但如果没有任何关于你在那里做了什么的详细信息，就很难诊断出来。这还假设所有浏览器调用都转到您的应用程序，然后您的应用程序在返回之前调用外部服务（您通过 sinatra 应用程序伪造）（webmock 不能用于伪造外部 API 调用）直接从浏览器）