css - 按输入类型查找字段

Question

有没有办法找到所有输入的字段，type=email？

这是一个 HTML 片段:

<input id="keeper-email_email" name="keeper-email.email" value="" 
       aria-describedby="keeper-email_email-hint" no_optional_label="true" 
       type="email" autocomplete="off" maxlength="254">

我可以看到它有一个 ID 等等，但它会根据特定条件而变化。我希望编写一种方法，可以识别任何类型为电子邮件的字段并输入所需的电子邮件地址。

有没有办法用 capybara 做到这一点？

我试过:

all('input[type='email']")

Answer 1

为了保持可读性，您需要 :field 选择器的 type 选项

fields = all(:field, type: 'email')
fields[0].set('bla')
fields[1].set('blo')

如果您知道至少有一个领域您可能想要

all(:field, type: 'email', minimum: 1)

因此它利用 Capybaras 等待至少一个字段出现的行为(如果您知道正好有 2 个，请使用 count: 2 作为选项)

如果只有一个的话，另一种选择是

find_field(type: 'email')

如果您不想匹配字段类型，而是要检查部分文本“电子邮件”的标签，您也可以这样做

all(:field, 'email', exact: false) # The same count/minimum/etc options from above can be used here too