使用 Selenium (C#) Select 文本下拉列表中的项目

Question

我一直在努力解决这个问题，可以在这里寻求 Selenium 专家的帮助。我的页面上有一个下拉菜单，我正在尝试 select 从测试中选择一个选项，但我似乎无法做到这一点。我已经尝试了以下我经常看到的 select 项目的例子。选项总是将文本显示为空 string "" 即使我可以在 HTML 标记中看到选项文本在那里。

wait.Until(d => ExpectedConditions.ElementExists(By.Id("Cars")));
var carStatusDropDown = new SelectElement(_driver.FindElement(By.Id("Cars")));
carStatusDropDown.SelectByText(filter.CarStatus);

我想是因为浏览器可能看不到这些选项，所以我尝试单击下拉菜单旁边的按钮 (Bootstrap)，这样它就会在它之前打开 select正文

wait.Until(ElementIsClickable(By.XPath("/html/body/div[2]/div[2]/div/div[2]/div[1]/div/form/fieldset/div[3]/div/div[1]/span[2]/div/div/span")));
IWebElement ddlButton = _driver.FindElement(By.XPath("/html/body/div[2]/div[2]/div/div[2]/div[1]/div/form/fieldset/div[3]/div/div[1]/span[2]/div/div/span"));
ddlButton.Click();

wait.Until(d => ExpectedConditions.ElementExists(By.Id("Cars")));
var carStatusDropDown = new SelectElement(_driver.FindElement(By.Id("Cars")));
carStatusDropDown.SelectByText(filter.CarStatus);

我可以看到 ddlButton 打开下拉菜单，但我仍然看到 >OpenQA.Selenium.ElementNotVisibleException 当它尝试 SelectByText 时。在 VS 中，我可以看到选项文本仍然显示“”，并且 Displayed 属性对他们来说是错误的。我如何找到选项，任何反馈将不胜感激，我在下面发布 HTML 奇怪的是有两个下拉菜单，一个是 <ul> 一个是 <select>下面，我正在尝试访问测试代码中的 <select> 。 firebug 中的 select 在标记中显示为褪色？！？

HTML:

<div class="combobox-container">
   <input type="hidden" name="Estimate.EstimateStatus" value=" ">
   <input type="text" autocomplete="off"  
      placeholder="All"class="combobox">
   <ul class="typeahead typeahead-long dropdown-menu" style="top:   
      112px;left: 445.117px; display: none;">
      <li data-value="Approved" class=""><a href="#"><strong>
         </strong>A<strong></strong>p<strong></strong>p<strong>
         </strong>r<strong></strong>o<strong></strong>v<strong>
         </strong>e<strong></strong>d<strong></strong></a>
      </li>
      <li data-value="Hold" class=""><a href="#"><strong>
         </strong>H<strong>
         </strong>o<strong></strong>l<strong></strong>d<strong></strong>
         </a>
      </li>
      <li data-value="In Progress"><a href="#"><strong></strong>I<strong>
         </strong>n<strong></strong> <strong></strong>P<strong>
         </strong>r<strong></strong>o<strong></strong>g<strong>
         </strong>r<strong></strong>e<strong></strong>s<strong>
         </strong>s<strong></strong></a>
      </li>
      <li data-value="Not Reviewed" class="active">
         <a href="#"><strong></strong>N<strong>
         </strong>o<strong></strong>t<strong></strong> <strong>
         </strong>R<strong></strong>e<strong></strong>v<strong>
         </strong>i<strong></strong>e<strong></strong>w<strong>
         </strong>e<strong></strong>d<strong></strong></a>
      </li>
      <li data-value="Rejected"><a href="#"><strong></strong>R<strong>
         </strong>e<strong></strong>j<strong></strong>e<strong>
         </strong>c<strong></strong>t<strong></strong>e<strong> 
         </strong>d<strong></strong></a>
      </li>
   </ul>
   <span class="add-on btn dropdown-toggle" data-dropdown="dropdown">
   <span class="caret"></span>
   <span class="combobox-clear">
   </span>
</div>
<select id="Cars" class="combobox" 
   onchange="javascript:OnCarsStatusChanged();" style="display: none;">
   <option value=" " selected="selected">All</option>
   <option value="3ad8cf29-f0b7-441f-
      81bc-c5cfe7c0d73d">Approved</option>
   <option value="19b573c8-fc88-4abe-9c19-9ffc580a1ffe">Hold</option>
   <option value="e3a8b2bd-c3eb-47c3-95e7-f15da2f3d25b">In      
      Progress
   </option>
   <option value="962e4bce-1ca5-404f-b7a0-6a3a42ad91a0">Not 
      Reviewed
   </option>
   <option value="c110e83a-5a93-4553-
      a907-02a47ca97467">Rejected</option>
</select>

Answer 1

似乎还有另一个动作依赖于这个dropdwon。默认情况下，此下拉列表 NOT 可见。因此，最好是查看之前的哪些操作使其可见。

但是，另一种解决方法是执行一个简单的 javascript，使下拉列表可见，并 select 您需要的预期元素。 removeAttribute 应该删除 style 属性以使列表可见。

((IJavaScriptExecutor)Driver).ExecuteScript("document.getElementById('Cars').removeAttribute('style');");

By id = By.Id('Cars');
var carStatusDropDown = new SelectElement(_driver.FindElement(id));
carStatusDropDown.SelectByText(filter.CarStatus);

使用 Selenium (C#) Select 文本下拉列表中的项目

Using Selenium (C#) Select an item from a drop down by text

c#

selenium

selenium-webdriver