ruby-on-rails - Capybara 我如何填写所有具有相同名称的输入？

Question

我有一个input可以动态添加或删除字段的表单。我所有的输入都是

name='first_name[]'

我如何填写我的所有输入？

Answer 1

如果您只是在每个输入中输入任何内容，您可以使用all. 然后你可以遍历每个来输入它们。

all_matching_inputs = page.all(:fillable_field, 'first_name[]')
all_matching_inputs.each{ |e| e.set('text') }

如果您需要输入特定的，那么有几个解决方案。

如果输入字段的唯一独特之处是它们的位置，那么您可以找到所有输入字段，然后按位置选择一个：

# Set the first match       
page.all(:fillable_field, 'first_name[]').first.set('text')

# Set the third match (note 0-based index)
page.all(:fillable_field, 'first_name[]')[2].set('text')

# Set the last match
page.all(:fillable_field, 'first_name[]').last.set('text')

或者，您可以使用 css-selector（或 xpath 选择器）。但是，阅读起来有点困难：

# Set the second match (note 1-based index)
page.find('input[name=first_name\[\]]:nth-of-type(2)').set('text')

您要查找的元素（输入）很少有任何独特之处。通常它周围有一些相关且独特的元素（即页面上必须有其他东西，作为用户，您正在使用它来区分它与其他元素）。

例如，在以下 html 中：

<div>
    <span>User1</span>
    <input name='first_name[]'>
</div>
<div>
    <span>User2</span>
    <input name='first_name[]'>
</div>

有两个具有相同名称的输入字段。但是，可以根据它们的相关兄弟跨度来区分它们，这告诉用户输入是相关的。

在这种情况下，您可以找到 span，转到父 div，然后在该 div 的范围内定位输入。本质上，这是根据用户查找输入。

page.find('span', :text => 'User2').find(:xpath, '..').fill_in('first_name[]', :with => 'text')