我们只是在学习 Java/Selenium,因为我们的 QA 正在朝着自动化方向发展。我正在使用 Selenium 2 WebDriver 进行自动化。表单上有一些字段是多选、自动完成的字段。基本上,您可以键入内容的开头,该字段将提供匹配的选项,您选择这些选项并将其添加到该字段中。您可以根据需要添加任意数量的项目(基本上与提交此问题的“标签”字段相同)。我正在尝试从此字段中删除添加的项目,但无法确定 CSS 路径。Firebug 显示以下 HTML:
<div class="c4i-fieldDiv rel" style="min-height: 36px">
<div id="groupsDropdown" class="ui-autocomplete-multiple">
<ul class="ui-autocomplete-multiple-container ui-widget ui-inputfield ui-state-default ui-corner-all">
<li class="ui-autocomplete-token ui-state-active ui-corner-all" data-token-value="testGroup">
<span class="ui-autocomplete-token-label">testGroup</span>
<span class="ui-autocomplete-token-icon ui-icon ui-icon-close"></span>
我正在使用的代码是:
WebElement deleteGroup = findElementBySelector("//div[@id='groupsDropdown']/ul/li/span");
deleteGroup.click();