Search code examples
groovycss-selectorsgeb

verify heading text in css selector

This is my xpath "//div[@class='city']/h4[text()='Newyork']"

xpaths I can use in Geb but I want to write similar expression in CSS or better Groovy-ish, Gebish locator.

I have tried

.city>h4:'Newyork'

.city>h4:contains('Newyork')

but none worked.

I have referred https://sqa.stackexchange.com/questions/362/a-way-to-match-on-text-using-css-locators

Solution

  • Geb has an ability to further filter down the elements matched using a CSS selector by passing a map of element attributes to its methods together with that selector. It also introduces a special attribute for matching text of a node. Your selector would look like this:

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

    Please note that this works by fetching text for every matched element and checking it against the provided value, that is it does the work on the JVM side and not in the browser, which means that you want your css selector to be as specific as possible and match as little elements as possible otherwise the selector will be very slow.