selenium - 有没有办法在 Capybara 中通过文本查找任何元素？

Question

我想在我的页面上找到具有给定文本的任何元素，但是当我将它传递给没有元素的 find 时，它会给我一个错误

find(material.attachment_filename) #material.attachment_filename is "01. pain killer.mp3"

但如果我这样做:

find('a',text: material.attachment_filename)

它工作正常，给定的错误是:

Selenium::WebDriver::Error::InvalidSelectorError:

Given css selector expression "01. pain killer.mp3" is invalid: SyntaxError: An invalid or illegal string was specified

Answer 1

Capybara 的 find 需要 3 个参数(Capybara 选择器类型、定位符字符串和选项哈希)。如果未指定选择器类型，则默认为 :css，这意味着定位器字符串需要是 CSS 选择器。
这意味着 find(material.attachment_filename)在你的情况下相当于

find(:css, "01. pain killer.mp3")

正如您所见，这将引发错误，因为“01.pain Killer.mp3”不是有效的 CSS。如果您想找到任何包含文本的元素，您可以执行以下操作

find('*', text: "01. pain killer.mp3") 

它将找到包含文本的任何元素，但是它也会找到所有祖先元素，因为它们也包含文本，所以你可能想要的是使用正则表达式来确保元素只包含该内容

find('*', /\A#{Regexp.escape(material.attachment_filename)}\z/)

这应该被解释为

find('*', /\A01\. pain killer\.mp3\z/)

注意:如果您的页面上除了简单的内容之外还有其他任何内容，那将会非常慢，因为这意味着将所有元素从 selenium 传输到 capybara 以检查文本内容。

一个更高效的解决方案是使用 XPath，它支持按文本内容查找元素(CSS 不支持)

find(:xpath, XPath.descendant[XPath.string.n.is(material.attachment_filename)]) #using the XPath library - contains (assuming Capybara.exact == false)
find(:xpath, XPath.descendant[XPath.string.n.is(material.attachment_filename)], exact: true) #using the XPath library - equals (you could also pass exact:false to force contains)

如果文本不包含需要转义的 XPath 特殊字符(例如撇号)，您可以使用字符串来定义 XPath:

find(:xpath, ".//*[contains(., '#{material.attachment_filename}')]") #contains the text
find(:xpath, ".//*[text()='#{material.attachment_filename}']") #equals the text

如果该元素实际上是您正在寻找的链接，那么您可能想要使用

find_link("01. pain killer.mp3")

或者

find(:link, "01. pain killer.mp3")