Why should I ever use CSS selectors as opposed to XPath for automated testing?

by

JeffC’s answer here does plenty to sum up the pros and cons of each locator strategy. But I’ll address your points specifically.

First off, there is no need for anyone to convince you that selectors are better, because from a purely functional standpoint, they simply aren’t (and I’m saying this as someone with a gold css-selectors tag badge and almost 1000 answers to questions with that tag, so you know I’m not biased). If you’re more comfortable with XPath, use it — in terms of features and what you can do, XPath is vastly superior, there really is no contest there. And, as you correctly state, performance is no longer an issue (if it ever was).

Selectors are there for quick and simple use cases and for users coming from HTML and CSS codebases, such as web developers, who want to get started with automated tests without having to learn another DSL. If you’re responsible for the CSS of your own site you can also easily copy selectors from your stylesheet into your tests depending on what exactly you’re testing.

If on the other hand you’re coming from an XML/XSLT/XPath background, wonderful, you get to keep using the XPath you know and love1!

Yes, Xpath is way more durable than CSS because it can invoke specific content contains functionality.

Having a content contains feature doesn’t make XPath more “durable” — it makes it more versatile. If you rely solely on an element’s content and that content can potentially change or move around, your XPath becomes no less brittle than a selector that relies solely on an element’s attributes or its position in the DOM tree.

You can do any of a number of things to make your XPath or selector more or less brittle, but that’s an indicator of how versatile the DSL is, not how brittle it inherently is.

1 Depending on what version of XPath you’re used to.

More Related Contents:

  1. What is the difference between cssSelector & Xpath and which is better with respect to performance for cross browser testing?
  2. Why XPath does not highlighted the yellow mark in Chrome84?
  3. What is the difference between a CSS selector and XPath? And which is better with respect to performance for cross-browser testing?
  4. What is the difference between a CSS and XPath selector? And which is better with respect to performance for cross-browser testing?
  5. Locating an element by id
  6. NoSuchElementException, Selenium unable to locate element
  7. How to click on a element through Selenium Python
  8. Select iframe using Python + Selenium
  9. How to click on SVG elements using XPath and Selenium WebDriver through Java
  10. XPath: difference between dot and text()
  11. Unable to locate element using selenium chrome webdriver in python selenium
  12. ElementNotVisibleException: Message: element not interactable error while trying to click a button through Selenium and Python
  13. Exception in thread “main” org.openqa.selenium.NoSuchElementException: Unable to locate element: //*[@id=’login-email’]
  14. Selenium not able to click on Get Data button on using Python
  15. selenium.common.exceptions.ElementClickInterceptedException: Message: element click intercepted: Element is not clickable with Selenium and Python
  16. Python Selenium – get href value
  17. ElementClickInterceptedException: Message: element click intercepted: Element is not clickable with Selenium and Python
  18. How to retrieve partial text from a text node using Selenium and Python
  19. Creating XPATH for svg tag
  20. selenium two xpath tests in one
  21. How to select the auto suggestion from the dynamic dropdown using Selenium and Java
  22. How to find element by part of its id name in selenium with python
  23. “selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element” while clicking a ‘Next’ button with Selenium
  24. I need to find an element in Selenium by CSS
  25. How to click on the anchor element when the spinner obscures it using Selenium and Python?
  26. NoSuchElementException: Message: Unable to locate element while trying to click on the button VISA through Selenium and Python
  27. org.openqa.selenium.ElementClickInterceptedException: element click intercepted error using Selenium and Java in headless mode
  28. Using an OR condition in Xpath to identify the same element
  29. How to retrieve the title attribute through Selenium using Python?
  30. How to click on the radio button through the element ID attribute using Selenium and C#

Leave a Comment