首页 > 解决方案 > 如何使用 Capybara attach_file 将文件附加到 Rails 中的嵌套表单

问题描述

我在 Rails 中使用 Minitest 和 Capybara 附加文件时遇到问题。问题是文件字段是嵌套形式。嵌套表单会随机添加一个 ID 和名称,因此我无法通过这些进行选择。

通常,当它不是嵌套形式时,它可以工作:

attach_file("post[featured_image]", "#{Rails.root.join("test/fixtures/files/example-featured-image.jpg")}")

但是,在嵌套表单上,表单字段如下所示:

在此处输入图像描述

我认为这应该工作:

within(".image-upload") do
  attach_file('input[type="file"]', "#{Rails.root.join("test/fixtures/files/example-featured-image.jpg")}", make_visible: true)
end

但这给了我这个错误:

Minitest::UnexpectedError:         Capybara::ElementNotFound: Unable to find file field "input[type=\"file\"]" that is not disabled within #<Capybara::Node::Element tag="fieldset"

我还尝试了这里的水豚文档中描述的其他方法。

有没有办法做到这一点?我让水豚attach_file工作的唯一一次是当我能够像post[featured_image上面的示例中那样定位元素名称时。

标签: ruby-on-railsrubycapybaraminitestrails-activestorage

解决方案


您没有显示足够的 HTML 来确认输入字段实际上是在 .image-upload 字段集中,但假设它是真实的文件输入可能实际上是隐藏的,并为样式目的而替换为其他内容。此外,传递给 attach_file 的定位器不是 CSS,它是 id、名称或关联的标签文本(即 'input[type="file"]' 在那里无效)。鉴于所有这些,您可以做很多事情

如果文件字段是可见的并且是范围内的唯一一个,则跳过定位器

attach_file(Rails.root.join("test/fixtures/files/example-featured-image.jpg"))

如果它是可见的并且范围内有多个,则使用名称或 id 过滤器选择您想要的一个,可能使用正则表达式

attach_file(Rails.root.join("test/fixtures/files/example-featured-image.jpg"), id: /images_attributes_0_image_file/)

如果文件字段实际上是隐藏的,那么试试

attach_file(Rails.root.join("test/fixtures/files/example-featured-image.jpg")) {
   # do whatever the user would do to initiate selecting a file
   # click('Upload File') - etc
}

那将尽可能地模拟用户 - 如果这不起作用,那么另一种方法是尝试强制文件输入可见

attach_file(Rails.root.join("test/fixtures/files/example-featured-image.jpg"), make_visible: true)

推荐阅读