XPath to find ancestor node containing CSS class

Question

I am writing some Selenium tests and I need to be able to find an ancestor of a `WebElement` that I have already found. This is what I'm trying but is returning no results ``` // checkbox is also a WebElement WebElement container = checkbox.findElement(By.xpath( "current()/ancestor-or-self::div[contains(@class, 'x-grid-view')]") ); ``` The image below shows the div that I have selected highlighted in dark blue and the one I want to find with an arrow pointing at it. UPDATE Tried prestomanifesto's suggestion and got the following error ``` [cucumber] org.openqa.selenium.InvalidSelectorException: The given selector ./ancestor::div[contains(@class, 'x-grid-view']) is either invalid or does not result in a WebElement. The following error occurred: [cucumber] [InvalidSelectorError] Unable to locate an element with the xpath expression ./ancestor::div[contains(@class, 'x-grid-view']) because of the following error: [cucumber] [Exception... "The expression is not a legal expression." code: "…

Accepted Answer

This should select the element you want

```
./ancestor::div[contains(concat(' ', @class, ' '), ' x-grid-view ')][1]
```

In plain English: Of all the ancestor `div` elements that have `' x-grid-view '` in their class, select the first (closest) one.

Notes:

- I concat spaces as a defensive measure to prevent partial matches.

- `current()` is an XSLT function, not an XPath one. It has no meaning outside of XSLT. The current node is expressed as `.` in XPath.

XPath to find ancestor node containing CSS class

Solution

Problem