Capybara不等待ajax完成

Question

我正在开发一个由EmberJS前端组成的应用程序，它通过REST与Rails服务器通信。 在我的应用程序中通过向导来创建一个作业，所以我想测试是否创建了该作业，这是我的测试。

  feature 'Processing step three', :js => true do
    background do
      to_step_2
      to_step_3
    end

    scenario 'Creating job', js: true do
      within '#login' do
        fill_in 'Email', with: @customer.email
        fill_in 'Password', with: @customer.password

        click_button 'Login'
      end

      expect { click_link 'Create job' }.to change(Job, :count).by(1)
    end
  end

因此，当用户填写了所有内容时，最后他们点击创建作业，就像我的测试所描述的那样。 当我手动操作时这很好用，但是当我运行我的规格时，我得到了。

1) Creating a new job Processing step three Creating job
     Failure/Error: expect { click_link 'Create job' }.to change(Job, :count).by(1)
       count should have been changed by 1, but was changed by 0
     # ./spec/features/creating_a_new_job_spec.rb:103:in `block (3 levels) in <top (required)>'

现在，如果我查看我的测试日志，我可以看到，在插入作业之前，该水豚会运行计数

Completed 200 OK in 36ms (Views: 6.0ms | ActiveRecord: 11.2ms)
Started POST "/api/jobs" for 127.0.0.1 at 2013-12-08 14:15:00 +0100
Processing by Api::JobsController#create as JSON
  Parameters: {"job"=>{"description"=>"This is a test description of the service i would like to receive.", "zip"=>"2400", "available_from"=>"24 - 12 - 2013", "available_next"=>false, "customer_id"=>"1", "service_id"=>"1", "service_field_id"=>"1"}}
Unpermitted parameters: zip
   (11.3ms)  SELECT COUNT(*) FROM "jobs"
   (1.2ms)  BEGIN
  SQL (2.5ms)  INSERT INTO "jobs" ("available_from", "available_next", "created_at", "customer_id", "description", "service_field_id", "service_id", "updated_at") VALUES ($1, $2, $3, $4, $5, $6, $7, $8) RETURNING "id"  [["available_from", Tue, 24 Dec 2013 00:00:00 UTC +00:00], ["available_next", false], ["created_at", Sun, 08 Dec 2013 13:15:00 UTC +00:00], ["customer_id", 1], ["description", "This is a test description of the service i would like to receive."], ["service_field_id", 1], ["service_id", 0], ["updated_at", Sun, 08 Dec 2013 13:15:00 UTC +00:00]]
   (0.5ms)  COMMIT

我如何强迫Capybara举行风帆？

Answer 1

正如你所说，主要问题是Capybara没有等待。 但主要原因是测试不使用一致的风格。

如果使用Capybara，测试就像一个真实的用户，你应该期待一些UI更改而不是数据库更改，因为真正的用户无法看到db中发生了什么。

在此测试中，db断言立即执行，甚至比浏览器驱动程序向服务器发送数据的速度更快，因此数据为零。

修理，

1. 首先删除within块。 这似乎并不重要。 如果我记得正确的话，期望最好不要在不同的行动块中。 所以这样做是为了安全。

2. 添加UI期望。 然后Capybara将等到效果出现。

所以，

scenario 'Creating job', js: true do
  fill_in 'Email', with: @customer.email
  fill_in 'Password', with: @customer.password
  click_button 'Login'
  # Assume your page will show user name after signing in
  expect(page).to have_content(@customer.name)
end

如果您真的想测试数据库更改，可以在UI期望之后添加该期望，但我不建议这样做。