How to get the xpath for menu in sidebar - xpath

Question

I have to click on the Manage Orders option in the side bar menu. I tried with the xpath from firepath, but it is not working. Below is the code:
<div id="sidebar" class="navbar-collapse collapse">
<ul class="nav nav-list" style="height: auto;">
<!-- BEGIN Search Form -->
<li>
<!-- END Search Form -->
<li class="active" data-slug="dashboard">
<li data-slug="order">
<a class="dropdown-toggle" href="#">
<i class="fa fa-shopping-cart"/>
<span>Manage Orders</span>
<b class="arrow fa fa-angle-down"/>
</a>
<ul class="submenu" style="display: block;">
<li data-slug="promocode">
<a class="dropdown-toggle" href="https://bq.training/cp/promocode">
<span>Promo Code</span>
</a>
</li>
<li data-slug="transaction">
<a class="dropdown-toggle" href="https://bq.training/cp/order/list-order">
<span>Order Summary</span>
</a>
</li>
</ul>
</li>

Answer 1

Try Xpath =
//*[contains(text(), 'Manage Orders')]
Use a function like this, is written is c#, just modify slightly.
public IWebElement WaitElement(IWebDriver driver, String element)
{
IWebElement WebElement;
WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(5)); //can be changed
return WebElement = wait.Until(ExpectedConditions.ElementIsVisible(By.XPath(element)));
}
call it like
WaitElement(driver, elementXpath).click();