I need to find an element in Selenium by CSS

by

Only using class names is not sufficient in your case.

  • By.cssSelector(".ban") has 15 matching nodes
  • By.cssSelector(".hot") has 11 matching nodes
  • By.cssSelector(".ban.hot") has 5 matching nodes

Therefore you need more restrictions to narrow it down. Option 1 and 2 below are available for CSS selector, 1 might be the one that suits your needs best.

Option 1: Using list items’ index (CssSelector or XPath)

Limitations

  • Not stable enough if the site’s structure changes

Example:

driver.FindElement(By.CssSelector("#rightbar > .menu > li:nth-of-type(3) > h5"));
driver.FindElement(By.XPath("//*[@id='rightbar']/ul/li[3]/h5"));

Option 2: Using Selenium’s FindElements, then index them. (CssSelector or XPath)

Limitations

  • Not stable enough if a site’s structure changes
  • Not the native selector’s way

Example:

// Note that By.CssSelector(".ban.hot") and //*[contains(@class, 'ban hot')] are different, but doesn't matter in your case
IList<IWebElement> hotBanners = driver.FindElements(By.CssSelector(".ban.hot"));
IWebElement banUsStates = hotBanners[3];

Option 3: Using text (XPath only)

Limitations

  • Not for multilanguage sites
  • Only for XPath, not for Selenium’s CssSelector

Example:

driver.FindElement(By.XPath("//h5[contains(@class, 'ban hot') and text() = 'us states']"));

Option 4: Index the grouped selector (XPath only)

Limitations

  • Not stable enough if the site’s structure changes
  • Only for XPath, not CssSelector

Example:

driver.FindElement(By.XPath("(//h5[contains(@class, 'ban hot')])[3]"));

Option 5: Find the hidden list items link by href, then traverse back to h5 (XPath only)

Limitations

  • Only for XPath, not CssSelector
  • Low performance
  • Tricky XPath

Example:

driver.FindElement(By.XPath(".//li[.//ul/li/a[contains(@href, 'geo.craigslist.org/iso/us/al')]]/h5"));

More Related Contents:

  1. NoSuchElementException, Selenium unable to locate element
  2. What is the difference between cssSelector & Xpath and which is better with respect to performance for cross browser testing?
  3. Need to find element in selenium by css
  4. What is the difference between a CSS selector and XPath? And which is better with respect to performance for cross-browser testing?
  5. What is the difference between a CSS and XPath selector? And which is better with respect to performance for cross-browser testing?
  6. What Is Selenium And What Is WebDriver?
  7. What is the difference between WebDriver and WebElement in Selenium?
  8. How does chrome driver interact with Chrome browser?
  9. How to run Selenium WebDriver test cases in Chrome
  10. How to inspect element for Selenium v3.6 as FireBug is not an option any more for FF 56?
  11. Can Selenium WebDriver open browser windows silently in the background?
  12. Page load strategy for Chrome driver (Updated till Selenium v3.12.0)
  13. Unable to find a matching set of capabilities with selenium 3.4.3, firefox 54.0 and gecko driver 0.17
  14. Clarification of the cause of mixing Implicit and Explicit waits in Selenium doc
  15. Reached error page: about:neterror when trying to navigate to other tabs if there is a form submit under that tab
  16. What is benefit of using ChromeDriver over WebDriver if we are using only Chrome Browser in our Selenium Automation Script
  17. Refreshing Web Page By WebDriver When Waiting For Specific Condition
  18. Selenium and non-headless browser keeps asking for Captcha
  19. org.openqa.selenium.ElementNotInteractableException: Element could not be scrolled into view when trying to click a button
  20. What is the internal working difference between Implicit Wait and Explicit Wait
  21. ERROR:ssl_client_socket_openssl.cc(1158)] handshake failed with ChromeDriver Chrome browser and Selenium
  22. What is the exact purpose of Selenium Grid?
  23. Cannot get automation extension from timeout: Timed out receiving message from renderer
  24. Get PID of Browser launched by selenium
  25. Is there a Selenium WebDriver available for the Microsoft Edge browser?
  26. Locating an element by id
  27. Handle windows authentication pop up on Chrome
  28. selenium implicitly wait doesn’t work
  29. How does Selenium WebDriver’s isDisplayed() method work
  30. isElementPresent is very slow in case if element does not exist.

Leave a Comment