有没有办法使用 Rspec/Capybara/Selenium 将 javascript console.errors 打印到终端？

Question

当我运行 rspec 时，是否可以让 capybara/selenium 向 rspec 报告任何 javascript console.errors 和其他异常？

我有一大堆测试失败，但当我手动测试它时，我的应用程序正在运行。如果不知道仅在测试期间可能阻止我的单页 Web 应用程序的 JavaScript 错误，就很难弄清楚测试失败的原因。

我环顾四周，并没有真正找到解决方案。

Answer 1

本要点末尾有一个代码示例 https://gist.github.com/gkop/1371962< /a> （来自 alexspeller 的）对我来说非常有效。

我最终在我尝试调试的 JS 测试上下文中执行了此操作。

after(:each) do
  errors = page.driver.browser.manage.logs.get(:browser)
  if errors.present?
    message = errors.map(&:message).join("\n")
    puts message
  end
end

对于最新版本的无头 chrome，请使用 page.driver.browser.logs.get(:browser)。

Answer 2

这是另一种方法，目前与 Selenium 和 headless Chrome 一起使用（也应该与 Firefox 一起使用）。

将以下内容添加到 RSpec.configure do |config| 块中的 spec/rails_helper.rb 以及带有 js: true 元数据的所有功能规范会显示JS错误。

class JavaScriptError< StandardError; end
RSpec.configure do |config|
  config.after(:each, type: :feature, js: true) do |spec|
    errors = page.driver.browser.manage.logs.get(:browser)
               .select {|e| e.level == "SEVERE" && e.message.present? }
               .map(&:message)
               .to_a
    if errors.present?
      raise JavaScriptError, errors.join("\n\n")
    end
  end
end

该代码改编自此。

对于最新版本的无头 Chrome，请使用 page.driver.browser.logs.get(:browser)。

Answer 3

这不太漂亮，但您可以注入一个脚本来将错误引导到 DOM 中，并通过 Selenium 监视这些更改。

更具体地说，将脚本注入到每个页面中，该脚本会覆盖 < code>window.onerror 或 console ，这样错误会将信息附加到您注入到 DOM 中的某个隐藏节点。然后，通过 Selenium 定期检查并清空该元素的内容，将清空的数据打印到 Java 控制台。

Answer 4

我不知道这是否有任何帮助，但你可以尝试切换到thoughtbot的capybara-webkit驱动程序。它是 Selenium 的替代品，它是无头的，这意味着它不会打开浏览器来运行测试。当我使用此驱动程序（在 RSpec+Capybara 设置中）运行测试时，所有 Javascript 错误都会与我的 RSpec 输出一起打印。

我从未尝试过从 Selenium 切换到 capybara-webkit，所以我不知道这在现有项目上有多可行。如果您没有使用 Selenium 做任何真正喜欢的事情，那么过渡可能会非常顺利。但是，如果您依赖于能够观看浏览器中运行的测试，或者对 Selenium 有其他特定需求，那么不幸的是，我的答案不会有多大用处。

你可以在这里找到 capybara-webkit： https://github.com/thoughtbot/capybara-webkit

安装它可能会很痛苦，因为您需要 Qt4 库。如果您的系统上尚未安装 Qt4，则构建过程可能需要很长时间。对我来说，这是非常值得的。与我尝试过的任何其他解决方案相比，我更喜欢 capybara-webkit。

Answer 5

我正在做与 Leo 类似的事情，但包括浏览器日志作为测试失败消息的一部分：

def check_browser_logs_after_each_test(rspec_config)
  rspec_config.before(:each) {
    @prev_browser_logs = @browser.driver.manage.logs.get(:browser)
  }

  rspec_config.after(:each) {
    logs = @browser.driver.manage.logs.get(:browser)
    new_logs = logs - @prev_browser_logs
    if example.exception then
      s = new_logs.map { |l| l.to_s }.join("\n")
      example.exception.message << "\nConsole logs:\n#{s}"
    else
      new_logs.should eq [ ]
    end
  }
end