用茧和水豚上传多个文件

Question

我在测试使用cocoon使用capybara上传多个文件时遇到问题。 如何查找id: "image"所有字段并将其附加到每个文件？

这是我的测试代码：

  click_link "Add photo"
  wait_for_ajax

  click_link "Add photo"
  wait_for_ajax


  page.all(:class, '.attach_fileds').each do |el|
    attach_file( el, "#{Rails.root}/spec/assets/example.jpg")
  end

  click_button "Add"

  expect(Post.count).to eq(1)
  expect(Post.last.images.size).to eq(2)

错误消息： Unable to find file field #<Capybara::Element tag="input" path="/html/body/div/div/div/form[@id='new_post']/div[@id='educations']/div[1]/input[@id='image']">

Answer 1

您不应有多个具有相同ID的元素，因为那是非法的html。 根据您的示例代码（不确定：class选择器在猜测什么），您确实希望每个元素都具有“ attach_field”类。 #attach_file不会将元素作为第一个参数，而是会使用元素的名称，id或标签文本。 由于您已经有了元素，因此只需在每个元素上调用#set

page.all(:css, '.attach_field').each do |el
  el.set "path of file to upload"
end

相反，如果您只想输入每个文件，就可以

page.all(:css, 'input[type="file"]').each do |el|
  el.set "path of file to upload")
end

还要注意，您需要在click_button "Add"和expect(Post.count).to eq(1)之间进行测试，以等待提交完成-类似

expect(page).to have_text('Image Uploaded') # if the page adds text when image is uploaded

要么

expect(page).to have_current_path('/some_new_path') # if the page url changes after the upload is complete