当页面上存在 JavaScript 错误时，如何使用 Capybara-Webkit 进行功能测试中的某个步骤失败？

Question

我正在使用 Cucumber、Capybara 和 Capybara-webkit 来测试 Ruby on Rails 应用程序中的不同场景。

有没有一种方法可以在场景运行时检测页面上的任何 JavaScript 错误并导致测试失败？我们使用这些测试来确保在自动化测试运行过程中不会破坏更改之间的功能（包括 JavaScript）。

我可以在测试输出中看到失败，但它不会使测试失败：

http://127.0.0.1:54928/...|16|ReferenceError: Can't find variable: $
http://127.0.0.1:54928/...|16|ReferenceError: Can't find variable: $
...

谢谢！

更新：我发现的一种方法是尝试执行一些 JavaScript，只有在以前的错误没有发生的情况下才可能执行。在这种情况下，我会得到这样的错误：

Javascript failed to execute (Capybara::Driver::Webkit::WebkitInvalidResponseError)
./features/step_definitions/....rb:19:in `/^I should not see any JavaScript errors$/'
features/....feature:34:in `Then I should not see any JavaScript errors'

有更好的方法吗？

Answer 1

是的，您可以使用 page.driver.console_messages 访问所有控制台消息，也可以使用 page.driver.error_messages 仅访问错误消息。

为了测试没有 javascript 错误，我建议执行以下操作：

Then /^I should see no Java\-Script errors$/ do
  page.driver.error_messages.length.should == 0
end

旁注：capybara-webkit 还包含一个匹配器 :have_errors 来编写一个漂亮的 page.should_not have_errors。不幸的是，这在当前版本中似乎被破坏了（至少对我来说；另请参阅： https: //github.com/thoughtbot/capybara-webkit/pull/201）

Answer 2

尽管收到 JavaScript 错误通知有时可能会有所帮助，但您应该致力于测试实际的 JavaScript 行为。如果存在 JavaScript 错误，这应该表现为失败场景。

Answer 3

capybara-webkit 在我们的环境中似乎总是有两条虚假消息。我试图尽可能具体并过滤掉这些内容，但是以下内容可以让我们在使用 capybara-webkit 检测到 javascript 错误时自动失败：

AfterStep do
  if webkit?
    real_error_messages = []
    page.driver.error_messages.each_with_index do |e, i|
      # first two messages appear to be bogus, always.
      if (e[:line_number] == 0) && (e[:source].eql? 'undefined') && (e[:message].eql? 'TypeError: \'null\' is not an object') && i <= 1
        # discard message
      else
        real_error_messages << e
      end
    end

    raise "Javascript errors: #{real_error_messages}" if real_error_messages.length > 0
  end
end

webkit? 是：

def webkit?()
  [:webkit, :webkit_debug].include? Capybara.javascript_driver
end

完整要点在这里

Answer 4

运行每个步骤的最佳方式是“显示页面”并检查您的网络控制台。然后您可以将 console.log 放入您的代码中。您可以在其中为选定的步骤执行操作。