How to select an item from menu-popup with selenium?

Question

How can i select an element from menu-popup? For example i want to choose Mr.

This is the site code:

<div class="menu-popup-items"><span class="menu-popup-item menu-popup-no-icon "><span class="menu-popup-item-icon"></span><span class="menu-popup-item-text">Not selected</span></span><span class="menu-popup-item menu-popup-no-icon "><span class="menu-popup-item-icon"></span><span class="menu-popup-item-text">**Mr.**</span></span><span class="menu-popup-item menu-popup-no-icon "><span class="menu-popup-item-icon"></span><span class="menu-popup-item-text">Mrs.</span></span><span class="menu-popup-item menu-popup-no-icon "><span class="menu-popup-item-icon"></span><span class="menu-popup-item-text">Ms.</span></span><span class="menu-popup-item menu-popup-no-icon "><span class="menu-popup-item-icon"></span><span class="menu-popup-item-text">Dr.</span></span></div>

Your code trials? – undetected Selenium Jan 18 '19 at 09:51 — undetected Selenium, Jan 18 '19 at 09:51

score 2 · Accepted Answer · answered Jan 18 '19 at 10:26

I think you should try with this XPath

"//*[@class='menu-popup-items']"

it will help you to locate each and every element into your div tag

And if you are looking for specific text then it will help you to find an element on menu pop-up

 //*[contains(text(),'Mr.')]

It will locate your Mr on menu pop-up

score 0 · Answer 2 · answered Jan 18 '19 at 09:05

Before answering the question, I would like to note that if you can add an id per menu item, it would make the lookup way easier and more performant.

In this scenario you could then do:

WebElement result = driver.findElement(By.id("myId"));

If you can't add an id you could do something like this:

    WebElement result = driver.findElements(By.className("menu-popup-item-text")).stream()
                .filter(webElement -> webElement.getText().contains("Mr."))
                .findFirst().get();

score 0 · Answer 3 · answered Jan 18 '19 at 10:34

I Will explain with my example

      //In Page Object File
      public static WebElement idProof(WebDriver driver)
        {
            WebElement element=null;
            WebDriverWait wait=new WebDriverWait(driver, 50);
            element=wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@class='panel-body']//div[3]//div[2]//div[1]//a[1]//span[1]")));
            return element;
        }

     ` `//In Test File
      WebElement idProof = Page1.idProof(driver);
      idProof.click();

       //In Test File
       WebElement voterId = FarmerRegPage.idProofVoterId(driver, "Voter id");
       voterId.click();

  // In Page Object File
  public static WebElement idProofVoterId(WebDriver driver, String idVal)
{
    WebElement element=null;
    WebDriverWait wait=new WebDriverWait(driver, 50);
    element=wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//li[contains(text(),'" + idVal +"')]")));
    return element;
}

variable String idVal is the value that i am passing at dropdown

HTML Snippet :- <span>Select an Option</span>

We have same situation and i Would like to tell you that you should click first on dropdown and after that you just change in xpath span to li and remaining as it is, send the name of the item you have to select this should work fine

Why are you changing the `span` to `li`? – Lior p Jan 20 '19 at 17:22 — Lior p, Jan 20 '19 at 17:22

How to select an item from menu-popup with selenium?

3 Answers3