Selenium: Element is not visible when trying to select option in drop-down list?

Question

How can I select an item Option 3 in drop down as below?

<span class="k-widget k-dropdown k-header form-control required" style="padding: 0px;" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="true" tabindex="0" aria-owns="assignee_listbox" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-activedescendant="assignee_option_selected">
    <span class="k-dropdown-wrap k-state-default" unselectable="on">
	<select id="assignee" class="form-control required" style="padding: 0px; display: none;" name="assignedUserId" data-role="dropdownlist" title="">
		<option value="28941">Option 1</option>
		<option value="28938">Option 2</option>
		<option value="28940">Option 3</option>
		<option value="28942">Option 4</option>
		<option value="28943" selected="selected">Option 5</option>
		<option value="28939">Option 6</option>
	</select>
    </span>
</span>

I tried to select the option 3 on drop-down list, below is my code:

public Page selectAsignee(String asignee){
        try{
            WebElement dropdownAsignee = connector.waitForControl(SBConstant.XPATH,dropdownAssignee,3);
            // My xPath is //select[@id='assignee']
            Select select = new Select(dropdownAsignee);
            select.selectByVisibleText("Option 3");
            return this;

        }catch (StaleElementReferenceException s){
            s.toString();
        }
        return this;
    }

But it's unable to select option 3 although web driver can detect the select with id ="assignee". After run this code, it throws the error like this:

org.openqa.selenium.ElementNotVisibleException: Element is not currently visible and so may not be interacted with

I'm hoping someone can point out an error on my part that will make this all better.

The problem lies with your style-display attribute set to "none", you need to do some further investigations on how you can "display" your options -> see my answer — drkthng
– drkthng, Commented Jul 20, 2015 at 9:23

drkthng · Accepted Answer · 2015-07-20 09:33:50Z

2

You're already doing a good job,

BUT

The problem lies with your style-display attribute set to "none"

style="padding: 0px; display: none;"

Nothing displayed means nothing is "visible" to Selenium, hence you get the ElementNotVisibleException.

What you can try

1)

Telling from the classes of your span elements (k-dropdown, k-dropdown-wrap etc.) there is a possibility, that the dropdown is "operated" by other elements. You could inspect your site if you find a div or list elements that also contain information about your options. Something like:

<ul class="someClass" someOtherAttributes>
    <li>
        <a href="someHypertextRef">Option 1</a>
    </li>
    <li>
        <a href="someHypertextRef">Option 2</a>
    </li>
    <li>
        <a href="someHypertextRef">Option 3</a>
    </li>
</ul>

Then you would need to work with these other elements. I saw this kind of select elements that never change their display attribute several times already.

2)

Is there a "button" near the dropdown? Or can you click the dropdown itself? If yes do it, and inspect if the display attribute changes. If it does change to "block" or sth similar, you just need to click the dropdown element before you try to find the option.

edited Jul 20, 2015 at 9:33

answered Jul 20, 2015 at 7:57

drkthng

7,0498 gold badges36 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

scorpion Over a year ago

Yes, thank you for your explaination. After click dropdown by itself, I can use drop_down list properly.

drkthng Over a year ago

If you like, you can mark it as the correct answer then ;-)

Juhi Saxena · Accepted Answer · 2015-07-20 09:23:11Z

1

Replace your code with this , I hope it will work for you . Updated : Either please wait for element visiblity , if any click or event makes it visible or make it visible by below code

 //Use JavascriptExecutor to make the element visible  
((JavascriptExecutor)wd).executeScript("jQuery('#assignee').css('display','block')");
     Select select = new Select(wd.findElement(By.xpath(".//select[@id='assignee']")));
     select.selectByVisibleText("Option 3");

edited Jul 20, 2015 at 9:23

answered Jul 20, 2015 at 7:04

Juhi Saxena

1,23712 silver badges17 bronze badges

5 Comments

scorpion Over a year ago

What's the difference between your code and mine? I try, but still unable to selectVisibleText.

Juhi Saxena Over a year ago

Ohh sorry , I did'nt notice the css , you are applying style display none , this is the problem.

drkthng Over a year ago

No he is not "applying" the display style. But indeed this is the problem (see my answer). He has to investigate the site further to find a way to make either the current options elements visible or find other elements that will be used when the user uses the dropdown.

drkthng Over a year ago

@JuhiSaxena injecting the desired state/behavior, as you propose, is definitely an approach. Although personally I always try to be as close as a user can be using the browser manually, but that's because I mostly automate for e2e-testing purposes

Juhi Saxena Over a year ago

@drkthng I completely agree with you , but sometimes we do somethings thats for only our purpose , so if it is the case then he can use my approach but if its not he should automate it from the end user flow.

Saritha G · Accepted Answer · 2015-07-20 07:42:37Z

0

Try like this:

  WebElement element = driver.findElement(By.xpath("//span[@class='kdropdown-wrap k-state-default']/select"));
  Select select = new Select(element);
  select.selectByVisibleText("Option 3");

answered Jul 20, 2015 at 7:42

Saritha G

2,6381 gold badge17 silver badges27 bronze badges

2 Comments

scorpion Over a year ago

Sorry, even I use your way, driver can detect the Select, but cannot select by Visible Text.

Saritha G Over a year ago

You can use select.selectByIndex(index) by passing specified index. or use select.selectByValue("28941");

Ketan Pardeshi · Accepted Answer · 2015-07-20 08:04:36Z

0

SelectElement select1 = new SelectElement(driver.FindElement(By.TagName("select"))); select1.SelectByText("28940");

try this

answered Jul 20, 2015 at 8:04

Ketan Pardeshi

12 bronze badges

Collectives™ on Stack Overflow

Selenium: Element is not visible when trying to select option in drop-down list?

4 Answers 4

What you can try

1)

2)

2 Comments

5 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

What you can try

1)

2)

2 Comments

5 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related