javascript - Rails 页面 JS 在真实浏览器/手动测试中有效，但在 PhantomJS 和 Selenium 规范中无效

Question

在我的一个 Rails 项目中，我正在开发一个接口(interface)，完全通过 AJAX 对资源(命令)执行 CRUD 操作(即无需重新加载页面)。因此，有一个链接可以将命令添加到列表中，用户可以单击任何命令来编辑其数据，然后单击“保存”以通过 AJAX 进行更新，等等。最后一个操作(单击“更新”按钮)给我带来了麻烦:它在我尝试过的任何浏览器中都能完美运行，但是当我按照 Capybara 规范中完全相同的步骤(使用 PhantomJS 或 Poltergeist 驱动程序)时，规范就失败了这一步。

我发帖是为了寻求有关如何继续推进这一问题的指导。在这种情况下，我可以摆脱不完整的测试覆盖范围，但我担心 PhantomJS 没有正确执行所有页面 javascript。 (这个应用程序由于不相关的原因严重依赖 PhantomJS，所以对我来说了解它的 JS 执行有多忠实很重要。)

有谁知道 PhantomJS 不忠实地执行 Jquery AJAXy JS 的情况吗？如果是这样，可以采取什么措施？

提前致谢。具体细节和代码片段如下。任何想法都值得赞赏。

具体

有问题的 JS

这是普通的 Jquery。没什么太复杂的。

// User clicks "Save" in a URL edit form to update that URL
$('.command .update_url').click(function(){
  var command = $(this).parents('.command');
  var command_path = command.attr('command_path');
  var new_url = command.find('.url_field').val();

  $.ajax({
    type: 'PATCH',
    url: command_path,
    data: { command: { url: new_url }}, // <-- (Defines required param)
    success: function(data){
      if (data.success) {
        // ... Close edit window & display cues that save is complete
      } else {
        alert("Unable to save changes. Please refresh the page.");
      }
    }
  })
});

规范

以下是一个简单的 Rspec 集成测试，使用 Capybara、FactoryGirl，仅此而已。

@user = create :user
@site = create :site, user: @user
@command = create :command, site: @site, url: "http://example.com/123"

stub_login(@user) # a helper I wrote that stubs Devise #current_user etc.
visit site_path(@site)
first('.command .edit_link').click

within '.editing' do
  fill_in 'url', with: "http://example.com/456"
  click_button "Save" # <-- (This triggers the above listener)
  # <-- (PhantomJS: Controller hits an error here) 
end

# <-- (The spec fails before this point)
page.should have_css '.command .edit_link', text: "http://example.com/456"
page.should_not have_css '.url_field'
@command.reload.url.should eq  "http://example.com/456"

预期行为

同样，这在真实的浏览器中完美运行。应该如此，因为上述类型的 ajax 非常常见，而且并不是特别复杂。

当点击按钮时，会触发上面的 JS 监听器。监听器收集几个变量，然后向 Rails 应用发送请求，以使用提供的 URL 更新该命令记录。

当我打开浏览器并按照上述 Capybara 规范中定义的完全相同的步骤时， Controller 会按预期看到以下参数:

Parameters: {
  "command" => {"url"=>"http://example.com/456"},
  "action" => "update",
  "controller" => "commands",
  "id" => "578"}

但是当我执行 Capybara 规范时，“command”参数不存在，这会触发完全相同的 JS 代码。这就是问题的关键；见下文。

实际行为

当我使用 Poltergeist (PhantomJS) 驱动程序运行上述示例时，CommandsController 会引发错误，因为所需参数 (:command) 不存在。但该参数应该包含在 PATCH 请求中；请参阅上面 JS 中的“定义所需参数”。相反，Rails Controller 接收以下参数:

Parameters: {
  "action" => "update",
  "controller" => "commands",
  "id" => "934"}

...这可以理解地触发了 ParameterMissing 错误:

1) Command pages user updates command URL
   Failure/Error: Unable to find matching line from backtrace
   ActionController::ParameterMissing:
     param not found: command
   # /Users/topher/.rvm/gems/ruby-2.0.0-p598/gems/actionpack-4.0.3/lib/action_controller/metal/strong_parameters.rb:173:in `require'
   # ./app/controllers/commands_controller.rb:46:in `command_params'
   # ./app/controllers/commands_controller.rb:14:in `update'

请注意，当我在浏览器中手动运行完全相同的步骤时， Controller 会收到其他参数(见上文)，因此不会发生错误。

出于好奇，我安装了 selenium-webdriver 并尝试使用该驱动程序运行规范。当我在 Selenium 下运行规范时，它甚至更快遇到了错误，看似无关但同样令人困惑。我没有深入研究这个，因为我对 Selenium 没有太大兴趣，这个错误让我头疼。如果需要，将发布更多内容。

发生了什么事？

任何关于这里发生的事情的想法将不胜感激。正如我上面所说，我可以跳过此 AJAX 更新功能的测试覆盖范围；我对我的 Jquery 非常有信心(或者至少我曾经...)，如果我无法弄清楚这一点，它也不会成为问题。但我确实想了解一下 PhantomJS 是否可以像这样的 Javascript 信任；如果不能，那真的会降低我对这个项目的信心。

提前致谢!

Answer 1

更新:按照@Artjom B的建议，我升级到了PhantomJS 2.0.0。看来这部分解决了问题:运行规范现在可以正确地将 AJAX 请求发送到服务器，但似乎 success 函数仍然没有执行(即页面 ​​HTML 没有改变)。所以至少这让我可以对这些功能进行 80% 的测试......现在已经足够好了。