Why XPath does not highlighted the yellow mark in Chrome84?

by

Here the major issue is with DevTools within Google Chrome 84.0 which doesn’t highlights the first matched element.

Incase, the locator finds a single match, the search result does show 1 of 1 but the WebElement is not highlighted within the DOM Tree

As an example, the Search Box within the Google Home Page can be identified uniquely using the css-selector:

[name="q"]

or using the xpath:

//*[@name="q"]

But google-chrome-devtools within Google Chrome 84.0, does finds the element and shows 1 of 1 but the element is not highlighted.

devtools_issue

However, if there are multiple element matching to the Locator Strategy, leaving out the first matched element, the other elements are highlighted.

Bug in Chrome v84.0.4147.89

This issue was raised in the Platform>DevTools queue through Issue 1108311: The first matched element in the Elements panel is not getting highlighted as per the cssSelector and had been merged into Issue 1103316: Elements search does not resolveNode (highlight text, etc) on first search result where we are actively tracking the issue.

Solution

As per @bugdroid the main issue was caused because a check to ensure the search results were valid did not account for the case where the index was 0, so all highlight results of index 0 (index 1 to the user) were no longer highlighted.

The fix for this issue is Merge-Approved in:

Alternate Strategies

You have two(2) other approaches as solutions as follows:

  • In the first approach, as per the article Fix site issues with the new Issues tab you can use the command document.querySelector() through the newly added Console tab within the second Drawer from the top to query the element through the css-selector as follows:

query_selector_css

  • In the other approach, you can click on the Console tab, next to Element tab and execute the either of the following xpath/css commands:

    • xpath command as:

      $x("//*[@name="q"]")

    • Snapshot of identification:

console_tab_xpath

  • css-selectors command as:

    $$("[name="q"]")

  • Snapshot of identification:

console_tab_css-selector

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 should I ever use CSS selectors as opposed to XPath for automated testing?
  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. How to open Chrome browser console through Selenium?
  7. selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element while trying to click Next button with selenium
  8. How does chrome driver interact with Chrome browser?
  9. How to click on a element through Selenium Python
  10. How to retrieve the text of a WebElement using Selenium – Python
  11. Select iframe using Python + Selenium
  12. How to click on SVG elements using XPath and Selenium WebDriver through Java
  13. Limit chrome headless CPU and memory usage
  14. Selenium Google Login Block
  15. Unable to locate element using selenium chrome webdriver in python selenium
  16. Selenium Compound class names not permitted
  17. Is there a version of Selenium WebDriver that is not detectable?
  18. Many process of Google Chrome (32 bit)
  19. How to turn off w3c in chromedriver to address the error unknown command: Cannot call non W3C standard command while in W3C
  20. ERROR:ssl_client_socket_openssl.cc(1158)] handshake failed with ChromeDriver Chrome browser and Selenium
  21. org.openqa.selenium.NoSuchElementException: Returned node (null) was not a DOM element when trying to locate card-fields-iframe by CssSelector
  22. Does Chrome use XPath 2.0?
  23. Creating XPATH for svg tag
  24. How to select kendo dropdown element with unselectable=”on” attribute using Selenium and Python
  25. NoSuchElementException: Message: Unable to locate element while trying to click on the button VISA through Selenium and Python
  26. org.openqa.selenium.ElementNotVisibleException: Element is not currently visible while clicking a checkbox through SeleniumWebDriver and Java
  27. Chrome 84 Inspect element, find results not highlighted in yellow like before
  28. Using an OR condition in Xpath to identify the same element
  29. Selenium xpath selector based on the element text
  30. How to click on the radio button through the element ID attribute using Selenium and C#

Leave a Comment