Johnny
Johnny

Reputation: 15423

Selenium Select - Selecting dropdown option by part of the text

The class Selenium Select has 3 methods of different option selection:

  1. selectByIndex
  2. selectByValue
  3. selectByVisibleText

Now, I have a situation where I want to select an option by some text that partially appear in one of the options visible text (don't want to expose myself to changes in the WHOLE text).

For example:

<option value="0" label="not-intresting">VERY-LONG-TEXT-THAT-I-NEED-TO-SELECT-DOLLAR</option>

And i want to select this option only by providing the "DOLLAR", something like:

select.selectByPartOfVisibleText("DOLLAR") 

How would you implement it effectively?

Upvotes: 7

Views: 44906

Answers (8)

NarendraR
NarendraR

Reputation: 7708

In latest Selenium version 3.x or 4.x, Select class can be used to select an option from dropdown.

For example: There is a flavour dropdown where it require to select a flavour which contain name as Vanilla.

WebElement flavour = driver.findElement(By.id("attribute178"));
Select select = new Select(flavour);
String expectedFlavourName = "Vanilla";
List<WebElement> allFlavourList = select.getOptions();
for (WebElement option : allFlavourList) {
    String currentFlavourName = option.getText();
    if (currentFlavourName.contains(expectedFlavourName)) {
        select.selectByVisibleText(currentFlavourName);
        break;
    }
}

Upvotes: 2

Karthik
Karthik

Reputation: 113

This will work

WebElement element = driver.findEle(By.xpath(loc));
            Select select = new Select(element);
            for(int i=1;i<=select.getOptions().size();i++)
            {
                if(select.getOptions().get(i-1).getText().contains(containsTxt))
                {
                    select.selectByIndex(i-1);
                    break;
                }
                if(i==select.getOptions().size())
                {   
                    //"Fail"
                }
            }

Upvotes: 0

Zach
Zach

Reputation: 1006

You can try a logic like this hope this helps

List <WebElements> optionsInnerText= driver.findElements(By.tagName("option"));
for(WebElement text: optionsInnerText){
    String textContent = text.getAttribute("textContent");
    if(textContent.toLowerCase.contains(expectedText.toLowerCase))
           select.selectByPartOfVisibleText(expectedText);
    }
}

Upvotes: 5

Johnny
Johnny

Reputation: 15423

Eventually I combined the answers here and that's the result:

Select select = new Select(driver.findElement(By.xpath("//whatever")));

public void selectByPartOfVisibleText(String value) {
    List<WebElement> optionElements = driver.findElement(By.cssSelector("SELECT-SELECTOR")).findElements(By.tagName("option"));

    for (WebElement optionElement: optionElements) {
        if (optionElement.getText().contains(value)) {
            String optionIndex = optionElement.getAttribute("index");
            select.selectByIndex(Integer.parseInt(optionIndex));
            break;
        }
    }

    Thread.sleep(300);
}

And in Scala (need it eventually in Scala) it looks like:

  def selectByPartOfVisibleText(value: String) = {
    val optionElements: util.List[WebElement] = selectElement.findElements(By.tagName("option"))

    breakable {
      optionElements.foreach { elm =>
        if (elm.getText.contains(value)) {
          val optionIndex = elm.getAttribute("index")
          selectByIndex(optionIndex.toInt)
          break
        }
      }
    }
    Thread.sleep(300)
  }

Upvotes: 1

Saikat
Saikat

Reputation: 16840

Using Java 8 Stream/Lambda:

protected void selectOptionByPartText(WebElement elementAttr, String partialText) {
        Select select = new Select(elementAttr);
        select.getOptions().parallelStream().filter(option -> option.getAttribute("textContent").toLowerCase().contains(partialText.toLowerCase()))
                .findFirst().ifPresent(option -> select.selectByVisibleText(option.getAttribute("textContent")));
    }

Upvotes: 3

Cash_m
Cash_m

Reputation: 81

My solution is to use xpath to find options that are children of the select. Any xpath method can be used to find the select; in this example I am finding the select by id.

List<WebElement> options = driver.findElements(By.xpath("//select[@id = 'selectId')]/option"));

for (WebElement option : options) {
    if (option.getText().contains("DOLLAR")) {
        option.click();
        break;
    }
}

After a little more thought I realize the option can be found entirely with xpath:

driver.findElements(By.xpath("//select[@id = 'selectId')]/option[contains(text(), 'DOLLAR')]")).click();

Upvotes: 8

johnkerry
johnkerry

Reputation: 1

This is what I used to solve the issue in python.

I used this option, so it selects the text that uses the word DOLLAR instead of typing the whole word as the value.

Select(driver.find_element_by_name(ELEMENT)).select_by_value("DOLLAR")

instead of

Select(driver.find_element_by_name(ELEMENT)).select_by_visible_text(text)

Upvotes: -1

LittlePanda
LittlePanda

Reputation: 2507

Get a list of all the option values and then check if the value contains your partial text. Something like this:

List<WebElement> list = driver.findElements(By.tagName("option"));
Iterator<WebElement> i = list.iterator();
while(i.hasNext()) {
    WebElement wel = i.next();    
    if(wel.getText().contains("your partial text"))
    {
       //select this option
    }
} 

Upvotes: 0

Related Questions