How to wait until div dropdown is loaded using selenium webdriver?

Question

There are two dropdown menus on a page.

When i click on First dropdown, then in second dropdown options will be automatically loaded after couple of seconds.

Here comes my problem, that how can i wait for the second dropdown to load fully using selenium webdriver.

<div name="ddlFruit_N" id="ddlFruit_N" class="Searchddl">
<div class="chosen-drop">
  <div class="chosen-search">
    <input class="chosen-search-input" type="text" autocomplete="off">
  </div>
  <ul class="chosen-results">
<li class="active-result" data-option-array-index="0">Select</li><li class="active-result" data-option-array-index="1">Apple</li><li class="active-result" data-option-array-index="2">Mango</li><li class="active-result" data-option-array-index="3">Grapes</li><li class="active-result" data-option-array-index="4">Banana</li><li class="active-result" data-option-array-index="5">Guava</li>
</div>

Note: This is div dropdown

Second dropdown list xpath: //*[@id='ddlFruit_N']/div/ul/li

Am using C# Thank you

Muzzamil Muzzamil · Accepted Answer · 2020-07-26T19:18:10

Please try below code. We will check for options to load in Div

public static IWebElement waitForDropdownPopulate(IWebDriver driver, By by, int delayInSeconds)
{
    WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(delayInSeconds));
    return wait.Until<IWebElement>(drv => 
    {
        IWebElement elementList = drv.FindElement(by);
elementList.Click();
        if (elementList.FindElements(By.XPath("./div/ul//li")).Count >= 2)
        {
            return elementList;
        }

        return null;
    }
    );
}

and I call it like this:

Myclass.waitForDropdownPopulate(driver, By.XPath("//*[@id='ddlFruit_N']"), 30);

How to wait until div dropdown is loaded using selenium webdriver?

2 Answers