在 xPath 中为 Selenium Webdriver 中的"UL"HTML 代码制造麻烦

Question

HTML 代码：

<div id="routingPanel" class="">
<div id="routingPanelRight">
<ul id="routingList" class="ui-sortable">
<li class="ui-menu-item ui-draggable" style="display: list-item;" role="presentation" data-type="srl" data-id="15">
<a class="ui-corner-all" tabindex="-1">AS-HTTS-US-LAN-SW</a>
<span class="fa fa-trash"/>
<span class="type">[srl]</span>
</li>
<li class="ui-menu-item ui-draggable" style="display: list-item;" role="presentation" data-type="queue" data-id="119">
<a class="ui-corner-all" tabindex="-1">AS-EMEA-NORTH</a>
<span class="fa fa-trash"/>
<span class="type">[queue]</span>
</li></ul></div></div>

我需要单击一个按钮，该按钮具有span类"fa fa-trash"，但它在li类内。我在页面上的按钮上列出了 li 类更改。

我正在从 excel 文件提供测试数据，所以我无法使用直接值。

我尝试使用此 XPath

.//*[@id='routingList']/li[5]/span[1] //testdata1
.//*[@id='routingList']/li[2]/span[1] //testdata2

其中 li 值每次从 Excel 文件更改。

WebDriverWait wait = new WebDriverWait(driver, 15);
wait.until(ExpectedConditions.visibilityOfElementLocated((By.xpath("//ul[@id='routingList']/li/span[1]")))).click();
List<WebElement> options = driver.findElements(By.xpath("//ul[@id='routingList']/li/span[1]"));
for (WebElement option : options) {
if(testData.equals(option.getText()))
option.click();

尝试了上面的代码，但它只从列表中删除了一个，我已经通过了另外两个需要删除的测试数据。

需要建议请

Answer 1

根据您在评论中给我的信息，我认为问题是您正在尝试从不包含文本的元素中获取文本。

假设您的测试数据是AS-HTTS-US-LAN-SW。在您提供的 HTML 和您提到的 xpath 中，您正在选择一个自动关闭标记<span class="fa fa-trash"/>。选择此标记后，您将尝试获取其中的文本，但没有。

<ul id="routingList" class="ui-sortable">
<li class="ui-menu-item ui-draggable" style="display: list-item;" role="presentation" data-type="srl" data-id="15">
===========================
<a class="ui-corner-all" tabindex="-1">AS-HTTS-US-LAN-SW</a>  ----> The text is contained here
<span class="fa fa-trash"/> ---> No text in that tag
===========================
<span class="type">[srl]</span>
</li>
</ul>

所以，基本上，你必须稍微修改一下你的xpath，从：//ul[@id='routingList']/li/span[1]到：//ul[@id='routingList']/li/a才能获取文本，然后回到父节点找到你的按钮，../span[contains(@class, 'fa fa-trash')]

WebDriverWait wait = new WebDriverWait(driver, 15);
wait.until(ExpectedConditions.visibilityOfElementLocated((By.xpath("//ul[@id='routingList']/li/span[1]")))) // removed the click here because you were clicking on the first element of the list
List<WebElement> options = driver.findElements(By.xpath("//ul[@id='routingList']/li/a"));
for (WebElement option : options) {
if(testData.equals(option.getText()))
option.findElement(By.xpath("../span[contains(@class, 'fa fa-trash')]")).click();

告诉我它是否有帮助

Answer 2

我知道你已经接受了答案，但有一种更有效的方法可以做到这一点。您可以将要查找的文本指定为 XPath 的一部分。因此，您可以执行一次搜索，而不是循环浏览所有选项，如果有很多选项，这些选项可能会影响性能。此外，对于这样的东西，您可能会多次使用它，因此请将其放入函数中。

在这种情况下，该函数将接收您要查找的字符串，然后单击相应的元素。

public void selectRegion(String regionName)
{
driver.findElement(By.xpath("//a[.='" + regionName + "']/following-sibling::span[@class='fa fa-trash']")).click();
}

你会这样称呼它

selectRegion(testData);

该函数查找包含所需文本的A标记，然后单击具有类fa fa-trash的同级SPAN。