We are unable to locate and click at an element with "aria-selected" = "false" on an HTML page. We have tried different way to write xpath locator and css selector but none of them worked. While inspecting a bit more on page, we found that this element has a "aria-selected="false" in it and when we click on it and it shows results then this value changes to "aria-selected="true"

We have tried with below xpath:

(".//*/span[@class='tab-button-text'][contains(text(),'Orders')]")

Note: Even though it does not matter which framework, we are using to use this element. However i would like to mention that, we have been trying it for two separate framework such as

1. Karate framework and other one,
2. Selenium, Cucumber BDD with java

CodePudding user response：

ariaSelected

The ariaSelected property of the Element interface reflects the value of the aria-selected attribute, which indicates the current "selected" state of elements that have a selected state.

Value: A DOMString with one of the following values:

• true: The item is selected.
• false: The item is not selected.

Selected/unselected state of this WebElement attribute doesn't effects your tests.

To locate the element you can you can use either of the following Locator Strategies:

• xpath:

  ("//span[@class='tab-button-text' and contains(text(),'Orders')]")
  

• cssSelector:

  ("div.tabbar.show-tabbar > a.tab-button.has-title.has-icon span.tab-button-text")