按数据属性查找元素

我正在使用RSpec和capybara-webkit改进我的测试，尝试删除所有的css和xpath选择器

 find('#edit_user > div:nth-child(7) > div > div > button').click

我正在寻找替代它们的最佳选择。

我打算使用css class的元素，但一些“专业”水豚测试人员说这不是最好的选择。

所以我的问题是：我可以在测试中使用data属性吗？
如果我有一个元素

我能做到吗？

 find('edit.update').click

？

你觉得这是个好主意吗？如果您对此主题有更多想法/信息，请随时发表评论！

要按data- *属性定位元素，您需要使用CSS选择器或XPath。

对于CSS选择器：

 find('button[data-test="edit.update"]').click

对于XPath：

 find('//button[@data-test="edit.update"]').click

它是否是一个好主意真的取决于应用程序。您想要选择唯一标识元素的内容。如果“edit.update”不是唯一的，那么它将不是一个好用的选择。如果按钮具有唯一的类，那么class属性就可以了，“按钮”和“最后”不太可能。

最好的方法是使用静态id属性，因为它们在页面中应该是唯一的，并且不太可能改变。 find方法还支持通过id定位元素，这意味着您不必编写CSS选择器或XPath。

Justin Ko给出的答案是正确的，我只是想添加一些更先进的东西，这有助于在某些情况下测试可读性。你可以将你自己的“选择器”添加到Capybara，所以如果你真的想通过数据测试属性来选择东西（不是一个好主意，因为你真的不想为测试添加属性），你可以做很多事情

 Capybara.add_selector(:dt) do css { |v| "*[data-test=#{v}]" } end

这将允许

 find(:dt, 'edit.update')

这可以使测试可以理解，同时还将复杂的css或路径查询限制在测试代码中的单个位置。然后，您可以定义一个方法，如

 def find_by_dt(value) find(:dt, value) end

如果您更喜欢find_by_dt的外观…）来查找（：dt，…）

您还可以为自己的选择添加filter和描述，以获得更多灵活性，更好的错误描述等 – 请参阅https://github.com/jnicklas/capybara/blob/master/lib/capybara/selector.rb了解内置内容由capybara提供的选择器