CSS包含选择器& Capybara的升级

Question

以前，我的规格有以下几行：

within "h3:contains('FooBar text') + dl" do
  page.should have_content 'FizzBuzz'
end

(在包含指定文本的定义列表中，下一个from标头)

我升级了capybara-webkit，现在‘包含’选择器不能工作

(这是一种可以理解的方式，因为它在CSS3中已被弃用)。

我想不出一个简单的方法来重写它。有什么想法吗？

Answer 1

我想你不仅升级了水豚-webkit，还升级了水豚。

Capybara 2.1现在使用驱动程序的CSS选择器实现。

以前它的工作是因为Capybara使用Nokogiri将CSS选择器转换为XPath。Nokogiri似乎支持:contains伪选择器(就像之前的代码一样)。

您可以使用XPath重写它，如下所示：

within(:xpath, "//dl[preceding-sibling::h3[contains(text(),'FooBar text')]]") do
  page.should have_content 'FizzBuzz'
end

但是，我认为它的可读性不是很好，所以选择一个更短、更易读的选择器可能更好。

Answer 2

如果您想避免计算xpath，您可以使用Nokogiri::CSS.xpath_for，它返回一个数组，因此您需要执行[0]

within :xpath, Nokogiri::CSS.xpath_for("<CSS SELECTOR>")[0] do