水豚，Javascript和RSpec集成测试与：远程=>真

Question

我有一个表格设置为:remote => true与2个提交按钮（一个“测试连接”，一个创建/更新）。我的控制器正确处理这个问题，并根据点击的按钮呈现正确的视图。

我有以下的集成测试，以确保如果数据源可以连接，它会显示正确的信息给用户：

describe "Data Source Validation", :js => true do 

    before (:each) do 
    @user = create_logged_in_user 
    end 

    it "returns true when data source is valid" do  
    DataSource.any_instance.stub(:can_connect).and_return(true)  
    visit new_data_source_path 
    fill_in "Name", :with => "Example 123" 
    fill_in "Host", :with => "myip.example.com" 
    select "SQL Server", :from => "Database type" 
    fill_in "Database name", :with => "Example" 
    fill_in "Username", :with => "user" 
    fill_in "Password", :with => "password" 
    click_button "Test Connection" 
    expect(page).to have_content "Successfully connected to database" 
    end 

end 

我使用gem "capybara-webkit"和我已经定义在spec_helper Capybara.javascript_driver = :webkit。 RB。

当测试运行时，我得到以下结果：

Failure/Error: expect(page).to have_content "Successfully connected to database" 
    expected to find text "Successfully connected to database" in ... 

当我在Chrome浏览它，它的工作原理完全按照我期望它与正确的错误消息。

我该如何获得这个测试条件？即对于 “测试连接” 执行

data_source_controller.rb码方法

begin  
    if @data_source.valid? && @data_source.can_connect?   
    format.js {render "valid_connection" }   
    else 
    format.js {render "invalid_connection" }   
    end 
rescue Exception => e 
    format.js {render "invalid_connection", locals: {error_msg: e.message} }   
end 

编辑＃1
我切换的JavaScript司机：硒和遇到同样的问题。我也尝试添加了“wait_for_ajax”的方法帮助并收到一个错误：

Failure/Error: wait_for_ajax 
Capybara::Webkit::InvalidResponseError: 
    Javascript failed to execute 

与只是正常的WebKit的驱动程序和无需等待/休眠完整的错误消息：

Failure/Error: expect(page).to have_content "Successfully connected to database" 
    expected to find text "Successfully connected to database" in "Dashboard Reports Data Sources Account Create a New Data Source * Name * Host Port * Database type * Database name * Username * Password We encrypt all information in the database. Nothing can be retrieved without the proper credentials and encryption key. Copyright 2013" 

我所期待是文本，“成功连接到数据库”，在“密码”之后和“我们加密数据库中的所有信息”之前动态显示

我希望给出更多的见解，我可以尝试将github项目来测试这个，但这是frus trating试图让这个工作

Answer 1

我认为这可能是与Chrome浏览器版本的问题，请尝试更新驱动程序OR你甚至可以参考this

Answer 2

尝试创建的helper方法：

def wait_for_ajax 
    counter = 0 
    while page.execute_script("return $.active").to_i > 0 
    counter += 1 
    sleep(0.1) 
    raise "AJAX request took longer than 5 seconds." if counter >= 50 
    end 
end 

然后：

click_button "Test Connection" 
wait_for_ajax 
expect(page).to have_content "Successfully connected to database" 

Answer 3

我不得不rspec的/水豚的未检测阿加类似的问题当事情似乎通过浏览器正常工作时，x会发生变化。这是对我工作：

加入Gemfile中

gem 'capybara-webkit' 

添加到主机文件

127.0.0.1 testhost.com 

添加到spec_helper.rb

DEFAULT_HOST = "testhost.com" 
DEFAULT_PORT = 7171 

RSpec.configure do |config| 
    config.include Capybara::DSL 
    Capybara.javascript_driver = :webkit 

    Capybara.default_host = "http://#{DEFAULT_HOST}" 
    Capybara.server_port = DEFAULT_PORT 
    Capybara.app_host = "http://#{DEFAULT_HOST}:#{Capybara.server_port}" 

    #fixes issues with capybara not detecting db changes made during tests 
    config.use_transactional_fixtures = false 

    config.before :each do 
    if Capybara.current_driver == :rack_test 
     DatabaseCleaner.strategy = :transaction 
    else 
     DatabaseCleaner.strategy = :truncation 
    end 
    DatabaseCleaner.start 
    end 

    config.after do 
    DatabaseCleaner.clean 
    end 
end 

在测试给人的问题加a：js => true标志，如下所示：

describe 'my test', :js => true do 

我也无法使用描述块：js => true嵌套在其他describe块中，但必须独立运行，我认为这与从rack_test切换到webkit for考试。