Not able to click on menu using Selenium WebDriver Java

Question

I am not able click on the specific element, which is in the image format. I have tried using available locators i.e id and image using XPath and remaining locators are same for all remaining menus.

Below is the HTML code. In the below code class locator is same for all other menus. How to automate this type of scenario?

<a href="#" class="nav-link nav-toggle" onclick="OnReportImageClick()">
   <img src="/Images/reports.png">
   <span class="title">Reports</span>
</a>

The XPath I have tried is //*[@id="ReportsView"].

Answer 1

Try using the below xpaths,

//a[@class='nav-link nav-toggle']
//span[text()='Reports']

Answer 2

I think the easiest locator for you would be the actual text of the menu item, that is "Reports". One way to go about it is to locate the <span> element containing said string and then select it's parent.

This XPath should work: //span[text()="Reports"]/..

That will return you the <a> parent element.

Answer 3

I have had similar issues where I thought I was selecting an object only to find out it has not loaded yet.

Try to wait for the object before selecting it.

Locating a set of elements by class attribute when class attribute contains multiple values

Answer 4

Shridhar, the HTML you provided is an anchor tag. Have you tried locating the element via LinkText or PartialLinkText? Examples below:

driver.findElement(By.linkText("Reports")).click(); 

Or:

driver.findElement(By.partialLinkText("Reports")).click();  

I ask because both of the options above only work with anchor tags.