使用 capybara-webkit 测试 jquery 对话框

Question

我想测试用户单击链接并弹出 jquery 对话框 (http://jqueryui.com/demos/dialog/) 的交互。

我想测试：

1. 对话框出现
2. 对话框中的文字是正确的
3. 用户可以通过单击“x”退出

我手动测试了对话框，它可以工作，但我对如何编写实际规范很感兴趣。我想使用 Capybara-webkit 来做到这一点，但我无法找到实际使用 Capybara-webkit 的代码示例。

我正在使用 Capybara-webkit 和规范，但不是黄瓜。

Answer 1

这是如何做到这一点的：

资源

• Railscasts Episode 257: Request Specs and Capybara
• Capybara-webkit on Github

安装

确保您的 Gemfile 包含 capybara-webkit、rspec-rails 和 database_cleaner：

group :development, :test do
  gem 'rspec-rails', '~> 2.7.0'
  gem 'capybara-webkit', '~> 0.7.2'
  gem 'database_cleaner', '~> 0.6.7'
end

您需要 database_cleaner，因为除了 Rack::Test 之外，数据库事务与 rspec 驱动程序不兼容：

RSpec.configure do |config|

#...

  config.use_transactional_fixtures = false

  config.before(:suite) do
    DatabaseCleaner.strategy = :truncation
  end

  config.before(:each) do
    DatabaseCleaner.start
  end

  config.after(:each) do
    DatabaseCleaner.clean
  end

end

您仍然必须在测试中使用 :js => true 标志。事实证明，这不是仅硒的功能：

describe "Something" do
  it "uses javascript", :js => true do
     pending "write a test"
  end
end

当然，require 'capybara/rspec' 并在您的 spec_helper 中设置 Capybara.javascript_driver = :webkit：

#...

ENV["RAILS_ENV"] ||= 'test'
require File.expand_path("../../config/environment", __FILE__)
require 'rspec/rails'
require 'capybara/rspec'
Capybara.javascript_driver = :webkit

#...

这应该就是让 capybara-webkit 和 rspec 启动并运行所需的全部内容。