3

我正在使用 Selenium IDE 进行一些测试，并尝试使用它从自动完成中选择指定的选项。我的问题是，自动完成功能是内置的<ul>，两种<li>可能是相同的。如何点击指定的li？如何对 Selenium 说“单击第一个li”或“单击li带有文本“apples”的文本？我尝试了一些我发现的方法，但所有方法都适用于其他类型的 Selenium，在 Selenium IDE 中没有一个有用。

提前感谢，对不起我的英语不好！

这是代码：

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1003; top: 360.683px; left: 549.5px; display: block; width: 401px;">
  <li class="ac_item ui-menu-item" role="menuitem">
    <a class="clearfix ui-corner-all" tabindex="-1">
      <span class="c1">
        <b>Apple</b>
        <br>
        <span class="small secondary">Apples</span>
        </span>
      </span>
    </a>
  </li>
  <li class="ac_item ui-menu-item" role="menuitem">
    <a class="clearfix ui-corner-all" tabindex="-1">
      <span class="c1">
        <b>Orange</b>
        <br>
        <span class="small secondary">Oranges</span>
        </span>
    </span>
    </a>
  </li>
</ul>
4

1 回答 1

3

Selenium API 为您提供了多种方法来完成此操作。由于您没有传统的下拉菜单，因此无法使用该select命令。以下是两个单击自动完成中的第二个元素的解决方案。

我创建了这个JSFiddle来测试解决方案。单击的元素将变为红色。

选项 1：使用 CSS 定位器。

| Command               | Target                                               |
| open                  | http://jsfiddle.net/ansonhoyt/GYJW9/embedded/result/ |
| waitForElementPresent | css=ul.ui-autocomplete                               |
| click                 | css=ul.ui-autocomplete li.ui-menu-item:nth-child(2)  |

注意：运行速度很快，大多数人对 CSS 感到满意，但此示例要求目标浏览器支持 CSS3 nth-child 选择器。

选项 2：使用 XPath 定位器。

| Command               | Target                                               |
| open                  | http://jsfiddle.net/ansonhoyt/GYJW9/embedded/result/ |
| waitForElementPresent | css=ul.ui-autocomplete                               |
| click                 | //ul[contains(@class,'ui-autocomplete')]/li[2]       |

注意：XPath 对大多数人来说不太熟悉，并且与 CSS 定位器相比可能非常慢，尤其是在 IE 中。

有关更多想法，请查看 Selenium IDE 有关定位元素和可用Selenese 命令的文档。

于 2012-11-19T18:03:18.417 回答