jquery - 在 Rails 中的 Cucumber + Capybara + PhantomJS 中调试 jQuery Ajax

Question

我很难解决这个问题，因此我们将不胜感激任何帮助。

我想做的就是在我的项目上测试一个简单的基于 Ajax 的注册表单。如果表单提交成功，您将被重定向到欢迎页面。如果不是，您会收到与每个违规字段相关的相应验证错误。

出于某种奇怪的原因，Capybara 没有遵循重定向。正在进行 Ajax 调用，我看到数据库中注册了一个新帐户，但 onSuccess 回调根本没有被调用，或者重定向被忽略。

这是我正在尝试使用的内容(为了简洁起见，我压缩了代码):

功能:

  Feature: Registration
    In order to obtain a new account
    As a prospective customer
    I must submit a valid registration form.

    @javascript
    Scenario: A valid registration attempt
      Given an account registration form
      When I complete the form with valid values
      Then I should be redirected to the welcome screen 

测试:

Given(/^an account registration form$/) do
  visit("/signup")
  assert current_path == "/signup"
end

When(/^I complete the form with valid values$/) do
  within("#signupForm") do
    fill_in("email",    :with => Faker::Internet.email)
    fill_in("name",     :with => Faker::Name.name)
    fill_in("password", :with => "11111111")

    click_link("signupFormSubmit")
  end
end

Then(/^I should be redirected to the welcome screen$/) do
  assert current_path == "/welcome"
end

JavaScript:

console.log('I am not yet inside you.')

$.post(url, form.serialize(), function(response) {
  // everything went well
  // let's redirect them to the given page
  window.location.replace(response.redirectUrl)
  console.log('I am inside you and it is good.')
}, function(response) {
  // collect error responses from API
  // apply error hints to associated fields
  console.log('I am inside you and something went wrong.')
})

好吧，所以这个特定的测试运行得很好，直到我们到达我们应该将用户重定向到欢迎屏幕的位置。我已尽一切努力查看 onSuccess、onFailure 回调中发生的情况，但无济于事。就像代码根本没有被执行一样。

我刚刚从测试运行中得到以下输出:

Then I should be redirected to the welcome screen # features/step_definitions/registration.rb:51
  Failed assertion, no message given. (MiniTest::Assertion)
  ./features/step_definitions/registration.rb:52:in `/^I should be redirected to the welcome screen$/'
  features/registration.feature:15:in `Then I should be redirected to the welcome screen'

即使我提出异常也没关系，它不会被接受。回调中对 console.log() 的调用也不会。

有人看过这个吗？如果是这样，有解决方法吗？如果您需要更多信息，请直接询问，我非常乐意提供。

Answer 1

根据robots at Thoughtbot Coderwall 的人员，您可以使用辅助方法来完成此操作，并将其放入 spec/support 中。 他们将模块命名为 WaitForAjax:

# spec/support/wait_for_ajax.rb
module WaitForAjax
  def wait_for_ajax
    Timeout.timeout(Capybara.default_wait_time) do
      loop until finished_all_ajax_requests?
    end
  end

  def finished_all_ajax_requests?
    page.evaluate_script('jQuery.active').zero?
  end
end

从那里，您只需将其加载到您的测试框架中即可；对于 Rspec，这可以在规范/配置文件中完成，也可以通过简单地将一些代码添加到模块文件的末尾来完成:

RSpec.configure do |config|
  config.include WaitForAjax, type: :feature
end

确保在您的配置文件中要求 spec/support/**/*.rb，但您可能无论如何都应该这样做。

http://www.elabs.se/blog/53-why-wait_until-was-removed-from-capybara

当然，根据上面的博客文章，如果您只是寻找欢迎页面独有的选择器，则可能根本不需要，也可能根本不需要，具体取决于您构建页面的方式。