waitForElement 与 Cucumber +硒

Question

大家好，我正在尝试修复我的众多场景，这些场景使用高级 AJAX 测试页面，并通过 JQuery 构建客户端屏幕，但遇到了很多问题。

主要是，我无法知道某些 AJAX 请求何时完成。我尝试过延迟睡眠，但从长远来看这不是一个好主意。我还尝试了网上找到的几种方法来检查 AJAX 调用是否全部完成，但这些方法似乎不够稳定。

我开始更多地探索 Selenium 并发现了 waitForXXX 函数。我很兴奋，把它们扔进了我的黄瓜台阶里，但没有运气。我当前的测试用例是一个动态加载的网格，它通过 AJAX 获取其数据。 （Jquery 数据网格插件）。我正在通过查找第一个非标题行来查找数据，然后单击它。单击该元素的代码是：

page.all(:css, "#{arg1} tr")[1].click();

有时这有效，但通常不起作用，因为该行尚未加载。所以我在尝试：

waitForElementPresent("css=#{arg1} tr:nth-child(1)")

在单击该行之前，但是每当到达该行代码时，我都会从 ruby​​ 中收到一个奇妙的错误：

stack level too deep (SystemStackError)

我做错了什么，是否有更好的方法来编写这些步骤以确保它们确实有效等待 AJAX 调用完成？

请注意，应用程序本身运行良好 - 这只是为了让我的测试代码可靠地变绿。

Answer 1

我很幸运地完成了下面的步骤（这是我们从其他人那里获取的）。它最初是针对 culerity/celerity（我们使用过一段时间）的，但它对于普通黄瓜/水豚：

When /^I wait for the AJAX call to finish$/ do
  keep_looping = true
  while keep_looping do
    sleep 0.10
    begin
      count = page.evaluate_script('window.running_ajax_calls')
      keep_looping = false if count.respond_to?(:to_i) && count.to_i == 0
    rescue => e
      raise e
    end
  end
  sleep 0.20
end

您可能需要调整循环睡眠和睡眠后。这些值非常适合同时运行 12 个核心测试的 Mac Pro。在极少数情况下，我们会额外增加 1 秒的等待时间。

Answer 2

我倾向于在尝试与元素交互之前调用 has_css? 方法，例如

page.should have_css("#{arg1} tr")

Capybara 将重试，直到（可配置的）默认等待时间到期。一旦通过此步骤，您应该能够按预期单击该元素 - 或者，如果该元素在等待时间到期之前没有出现，则该步骤将失败。

Answer 3

感谢 Alistar 关于 page.should have_css 的提示，我编写了一个通用示例。如果同时进行多个 AJAX，这可能不起作用，但对我来说它相当轻量。

在我的 application.html.erb 中，我包含了一个简单的空白 div：

<div id="ready"/>

然后在应用程序启动时加载的 javascript 文件中，我添加了这一行以在进行 AJAX 调用时隐藏 div。

$('#ready').ajaxStart(function(){$(this).hide();}).ajaxStop(function(){$(this).show();});

然后，在 Cucumber 的常见步骤中，我有一个非常简单的“等待 AJAX”步骤定义：

When /^I wait for AJAX$/ do
page.should have_css("#ready")

end

在第一次测试中，这似乎有效。这是给猫剥皮的另一种方法，所以它可能不会一直有效，但在我的情况下，它对我来说很好而且很轻。