html - 使用 Selenium Webdriver 从 类型的下拉框中选择一个值

Question

我需要在不同的测试用例中选择三个值之一(1 列单元、2 列单元或 3 列单元)，代码如下:

  <div class="addUnits">
   <span id="addDropdown" class="addDropdown">Add unit to layout</span>
   <ul id="addUnitCombo" style="display: none;">
      <li>
         <a class="addColumnUnit addOneCol" href="">1 column unit</a>
      </li>
      <li>
         <a class="addColumnUnit addTwoCol" href="">2 columns unit</a>
      </li>
      <li>
         <a class="addColumnUnit addThreeCol" href="">3 columns unit</a>
      </li>
   </ul>
</div>

我了解如何检索值并从 Select 中单击它们，但这是一个 Span，因此不允许这样做。它不是传统的下拉框，只有在

<span id="addDropdown" class="addDropdown">Add unit to layout</span>

...悬停在上面。

知道如何选择并单击其他值之一吗？

Answer 1

从 HTML 中可以看出它不是一个普通的下拉元素，通常是一个 <input>。标签。如果您看到在浏览器中呈现下拉菜单，则可能是 JavaScript 中的自定义下拉菜单实现(请注意 display: none;，其中的值可能只是 JavaScript 可以在其他地方访问的“持有者”。)

我建议仔细检查到底使用了哪些 HTML 元素来绘制和实现下拉菜单，选择您想要的元素，然后点击它。