Selenium:下拉菜单被按钮遮挡，无法单击

Question

我有在下拉列表中选择每个选项的测试用例，但无论我目前做什么，我都会遇到这个错误。

结果消息：系统。InvalidOperationException:元素在点（1170.0333251953125405.4250030517578）处不可单击，因为另一个元素遮挡了它

<div class="btn-group bootstrap-select">
    <button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" role="button" data-id="year" title="2018" aria-expanded="false">
        <span class="filter-option pull-left">2018</span>&nbsp;
        <span class="bs-caret">
            <span class="caret" />
        </span>
    </button>
    <div class="dropdown-menu open" role="combobox" style="max-height: 272px; overflow: hidden; min-height: 0px;">
        <ul class="dropdown-menu inner" role="listbox" aria-expanded="false" style="max-height: 260px; overflow-y: auto; min-height: 0px;">
            <li data-original-index="0" class="selected">
                <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="true">
                    <span class="text">2018</span><span class="glyphicon glyphicon-ok check-mark" />
                </a>
            </li>
            <li data-original-index="1">
                <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false">
                    <span class="text">2017</span><span class="glyphicon glyphicon-ok check-mark" />
                </a>
            </li>
        </ul>
    </div>
    <select aria-label="view all previous payments" class="selectpicker" data-val="true" data-val-number="The field Year must be a number." data-val-required="The Year field is required."  id="year" name="Year" tabindex="-98">
        <option selected="selected" value="2018">2018</option>
        <option value="2017">2017</option>
    </select>
</div>

目前正试图用这个代码改变年份 -

 SelectElement DropDown = new SelectElement(ObjectIdentification);
 DropDown.SelectByValue(ValueToBeSelected);
 return true;

WebElement是这样定义的

 [FindsBy(How = How.XPath, Using = "//*[contains(@class, 'selectpicker')]")]
 private IWebElement DropDownYear { get; set; }

这是selenium尝试选择拾取时下拉列表的样子。我看不到任何东西遮住它。

Answer 1

试试这个代码：

var down= driver.FindElement(By.id("year"));
var DropDown = new SelectElement(down);  

//select by value
DropDown .SelectByValue("2017"); 
 // select by text
 DropDown .SelectByText("2017");  

你可以有这样的Web元素：

 [FindsBy(How = How.id, Using = "year")]
 private IWebElement DropDownYear { get; set; }  

更新：

IList<IWebElement> options= webDriver.FindElements(By.CssSelector("select[id='year']>option"));  
foreach (IWebElement element in options){  
     if(element.GetText().Equals("2017")){  

        element.Click();
    }
    }

Answer 2

XPath需要更改如下

//select[@id='year']

其他的

使用ID或名称定位器来选择元素

Answer 3

好的，这里有几个选项

> < li>

检查您是否正在最大化窗口-

 driver.Manage().Window.Maximize();

或

使用操作类查找元素并对其执行操作

IWebElement element = driver.FindElement(By.Id("year"));
Actions action = new Actions(driver);
action.MoveToElement(element);
var DropDown = new SelectElement(element);
DropDown.SelectByText("2017");

使现代化

IJavscript执行器

IWebElement element = driver.FindElement(By.Id("year"));
((IJavaScriptExecutor)driver).ExecuteScript("var select = arguments[0]; for(var i = 0; i < select.options.length; i++){ if(select.options[i].text == arguments[1]){ select.options[i].selected = true; } }", element, "2017");