Hey everyone, I'm working on a web page that's structured in bootstrap and I need to access the elements of my dropdown menu. I've been using the Firefox Selenium IDE to obtain the XPath, which validates successfully showing that the path exists. However, when I try to click on the element, I encounter an error.
org.openqa.selenium.NoSuchElementException: Unable to locate element:
Here is the code I'm working with, and I'm looking for assistance in being able to navigate to the dropdown menu and click on the available links:
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse pull-left" id="navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle hidden-xs" data-toggle="dropdown"><i class="glyphicons glyphicons-bed-alt"></i> Management<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li class="hidden-xs">
<a href="/Occupancy" onclick="clearStorage(); return true;"><span><i class="glyphicons glyphicons-bed-alt"></i> Occupancy</span></a>
</li>
<li class="hidden-xs">
<a href="/List"><span><i class="glyphicons glyphicons-bed-alt"></i> Ward Occupancy</span></a>
</li>
</ul>
</li>
</ul>
</div>
I am seeking guidance on how to locate the "Management" element and successfully click on the dropdown options. Thank you for your help!