Select a drop down value of angular js application using selenium using text

Question

Please see the html source of drop down 

Below is my function to select a value from a dropdown of angular js application

public String dropdownwithstringselect(String locatorName1,String locatorName2,String strtext)

    {

      try

      {

        wait(2);

        waitForElement(locatorName1);

        String locatorValueFromXML1 = utils.getLocatorData(locatorName1);                 

        WebElement sourceElement = driver.findElement(getElement(locatorValueFromXML1));

        sourceElement.click();

        String locatorValueFromXML2 = utils.getLocatorData(locatorName2);                 

        WebElement sourceElement1 = driver.findElement(getElement(locatorValueFromXML2));

        sourceElement1.getAttribute(strtext);

        extentTest.get().pass("Attribute value fetched from " + locatorName1);

      }

      catch (Exception e)

      {          

        extentTest.get().fail("Element - " + locatorName1 + " was not found");

        takeScreenShot();

      }

      return strtext;

    }

Answer 1

To select drop down use following,

driver.findElements(By.className("Your dropdown class - ui-dropdown-items-wrapper")).click;

If drop down is taking time, retrieve above in web element for the click event. After that You can retrieve label value with the following syntax: //span[contains(text(), "Your key value - Weekly Review")] You can manage Key value with dynamic variable also,

Hope this will solve your problem.

To know more about Angular, I would recommend you to join Angular online course today.

Thanks.

Comments

Hi,

Using

bond_watchlist = driver.find_element_by_xpath("//textarea[@placeholder='Select or search...']")
bond_watchlist.click()

#this opens a dropdown.

driver.find_element_by_xpath("//li[@id='typeahead-18-6837-option-1']//div[@class='watchlist-option watchlist-option-tickers'][contains(text(),'P1')]").click()

The option-1 is dynamically given and keeps changing. And when I run this, it gives an invalid or illegal selector error.

---

Hi @x_Coder, try using ExpectedConditions.visibilityOfElementLocated() or ExpectedConditions.elementToBeClickable() methods to let the dynamic element load properly.