验证css选择器中的标题文本

Question

这是我的xpath "//div[@class='city']/h4[text()='Newyork']"

xpath我可以在Geb中使用，但我想在CSS中编写类似的表达式或更好的Groovy-ish，Gebish定位器。

我试过了

.city>h4:'Newyork'

.city>h4:contains('Newyork')

但没有效果。

我已提到https://sqa.stackexchange.com/questions/362/a-way-to-match-on-text-using-css-locators

Answer 1

通过将元素属性的映射与该选择器一起传递给其方法，Geb能够进一步过滤掉使用CSS选择器匹配的元素。它还介绍了a special attribute for matching text of a node。你的选择器看起来像这样：

$('div.city > h4', text: 'Newyork')

请注意，这可以通过为每个匹配的元素获取文本并根据提供的值进行检查来实现，也就是说它在JVM端而不是在浏览器中工作，这意味着您希望css选择器为尽可能具体，尽可能匹配小元素，否则选择器将非常慢。