当页面上出现JavaScript错误时,如何使用Capybara-Webkit在功能测试中失败?

时间:2012-02-09 07:55:37

标签: javascript bdd capybara capybara-webkit

我正在使用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'

有更好的方法吗?

4 个答案:

答案 0 :(得分:3)

是的,您可以使用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

答案 1 :(得分:0)

虽然收到JavaScript错误的通知有时可能会有所帮助,但您应该尝试测试实际的JavaScript行为。如果存在JavaScript错误,则应将其自身表现为失败方案。

答案 2 :(得分:0)

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

Full gist here

答案 3 :(得分:-1)

您在每个步骤上运行的最佳方式是“向我显示页面”并检查您的Web控制台。然后,您可以在您的代码中放置console.log。在哪里为所选步骤进行操作。