检查水豚中多个文本节点内容时的计时问题

Question

我们在页面上有一个快速搜索字段，它通过 AJAX 调用过滤先前搜索的结果列表。

我们尝试了多种方法来检查更改列表的内容。

一开始，有一个像这样的列表：

<div class="search-list">
  <div class="entry">
    <div class="job-title">Manager</div>
    ...
  </div>
  <div class="entry">
    <div class="job-title">Slave</div>
    ...
  </div>
</div>

快速搜索后，整个搜索 search-list 将被 AJAX 响应替换，第二个 entry div 为已删除。

我们尝试使用以下语句检查此条件：

page.find('.search-list .job-title').map(&:text) =~ ['Manager']

但它只能看到发出 AJAX 请求之前的状态。这可能是由于立即检查条件而没有等待 AJAX 请求完成。我们尝试了多种方法，例如设置 Selenium 驱动程序的 resynchronize 选项。

将 sleep 10 放在上面的行前面确实有效，但这是一个不干净的解决方案。目前我们不知道如何让它发挥作用，其他人知道吗？

Answer 1

我使用 wait_until 的辅助方法来等待 ajax 完成，然后进行测试。

所以也许像这样：

page.wait_until { page.evaluate_script "jQuery.active == 0" }
page.find('.search-list .job-title').map(&:text) =~ ['Manager']

wait_until 等待块返回 true （尽管它会在一段时间后超时）。您还可以向其传递一个超时值 wait_until(5)，以便在分配的时间后退出。

您还可以延长水豚的等待时间。

Capybara.default_wait_time = 10

---

Angular.js

angular.element.active == 0 的更新以同样的方式工作。

jQuery.active == 0 仍然可以在 Angular.js 中工作，但不确定这是否是因为我将 jQuery 作为我的 javascript 库的一部分。