使用 capybara-webkit 测试 jquery 对话框

Question

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

我想测试：

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

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

我正在使用 Capybara-webkit 和规范，但没有使用 Cucumber。

Answer 1

具体操作方法如下：

资源

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

安装

确保您的 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 =>;测试中的真实标志。事实证明，这不是仅限 selenium 的功能：

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

当然，需要 '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 启动并运行所需的一切。