使用 Capybara 测试纯 JavaScript 应用程序

Question

我在使用 Sinatra 和 Capybara 时遇到一些问题。

我想测试一个纯 javascript 应用程序。它只是一个由 Sinatra 提供的简单的 index.html。

require "sinatra"

get "/" do
  File.read("public/index.html")
end

举例来说，我想测试这段代码。

$("a.link").click(function(){
  $(this).replaceWith("New String");
});

<a href="#link" class="link">Click me!</a>

然后测试看起来像这样。

describe "requests", js: true do    
  it "should display a message" do
    visit "/"
    click_link "Click me!"
    page.should have_content("New String")
  end
end

问题是什么也没发生。根据Ryan Bates screencast，如果 js: true 添加到 describe 块中。

这是我的 spec_helper 文件。

require "rspec"
require "capybara"
require "capybara/dsl"

Capybara.javascript_driver = :selenium
require_relative "./../server"

Capybara.app               = Sinatra::Application
Capybara.javascript_driver = :selenium
Capybara.default_wait_time = 10

RSpec.configure do |config|
  config.mock_with :rspec
  config.include Capybara
end

以下是运行 rspec rspec/request_spec.rb 时的输出。

requests
  should display a message (FAILED - 1)

Failures:

  1) requests should display a message
     Failure/Error: page.should have_content("New String")
       expected #has_content?("New String") to return true, got false
     # ./spec/request_spec.rb:5:in `block (2 levels) in <top (required)>'

Finished in 4.38 seconds
1 example, 1 failure

Failed examples:

rspec ./spec/request_spec.rb:2 # requests should display a message

我在 Github 上创建了一个完整示例项目，可以在此处找到： https://github.com/oleander/capybara-js-fails

任何人都知道为什么失败？

Answer 1

此处是 乔纳斯·尼克拉斯。

您需要 require 'capybara/rspec' 并设置 :type =>; ：请求。
请参阅 Capybara 自述文件中的“将 Capybara 与 RSpec 结合使用”部分。
/乔纳斯

这里是 Github 上的一个工作示例。