如何使用RSpec和Capybara测试JQuery文件上传

Question

我已经在我的Rails4应用程序中实现了JQuery文件上传。当我从浏览器手动测试文件上传时，文件上传工作正常，但测试失败。

下面是我上传JQuery文件的规范：需要'spec\u helper'

feature 'Evidences' do
  context "as an assessor user" do
    let!(:assessor) { User.make! :assessor }
    let!(:assessment)  { Assessment.make! }

    background { sign_in assessor }

    scenario "it uploads evidence", js: true do
      evidences_count_before_upload = assessment.evidences.count
      visit edit_assessment_path(assessment)

      path = "#{Rails.root}/spec/fixtures/files/sample1.doc"
      attach_file 'evidence_file_url', path

      expect(assessment.evidences.count).to eq(evidences_count_before_upload + 1)
    end
  end
end

我使用rspec2、水豚2和恶灵来实现这个特性规范。

Answer 1

这是恶鬼的问题。使用另一个驱动程序（例如SeleniumWebDriver）可以解决此问题。看来文件上传事件没有用poltergeist正确触发。

说明：我有一些jQuery ajax文件上传测试和同样的问题：我的文件上传测试只不与poltergeist工作）

有一个封闭的问题，有人描述了相同的症状。但没有明确的解决办法。

Answer 2

尽管您没有说明测试失败的方式/原因：这里的一个常见问题是文件字段是隐藏的，所以capybara将其视为不存在。

一个对我有效的解决方案是执行一个脚本来显示文件字段，大致如下：

script = "$('input[type=file]').show();"
page.driver.browser.execute_script(script)

您可能还需要隐藏自定义上载按钮/标签。另请参见：Capybara、Capybara webkit和自定义文件上载表单

Answer 3

我还将JQuery文件上传与RSpec和Capybara一起使用。我使用的是capybara webkit驱动程序，但这也应该适用于selenium。

请参阅此答案中的示例方法和用法：https://stackoverflow.com/a/11203629/1084109