Search code examples
cssselenium-webdriverelementselenide

Finding a specific element with Selenide (Selenium) using cssSelector

structure

If there is a structure of elements like in the image, it is possible to get out each static-property like:

$$('#static-information .value').get(0)

or

$$('.static-property .value').get(0)

But since each static property has a unique .key in that div - is it possible to use that key to get specific elements to make the selector more generic and more resistant to errors if order changes (get rid of using get(0), get(1) etc.).

E.g.

investorFullName = $$('#static-information .key="Name" .value')

Or something like td[class='key'][value='Name']

Solution

  • If you want to find the static property by key, you need to use xpath, css selector not support find element by its text.

    findPropertybyKey(key) {
   return element(by.xpath('//div[@class="key"][text()="' + key + '"]/..'));
}

readPropertyValuebyKey(key) {
   return findPropertybyKey(key).element(by.css('.value')).getText();
}