javascript - 如何扩展列表并选择动态值。

Question

我正在尝试从下面的代码中找出如何从Prod2获取Add New目标的解决方案。

要首先获得此目标，我必须单击ptv-icon ptv-collapse-icon。这可以使用 XPATH 实现，但每次运行脚本时 xpath 都会发生变化。

是否可以使用任何方法直接本地化添加新内容。

另一个问题是:添加新元素仅在我单击ptv-icon ptv-collapse-icon后才可见。

<li class="ptv-listitem" data-id="1">
<div class="ptv-item">
<span class="ptv-icon ptv-expand-icon"></span>
<span class="ptv-text">
<span class="tree-text">Prod1</span>
<span class="tree-counts"></span>
</span>
</div>
</li>
<li class="ptv-listitem" data-id="2">
<div class="ptv-item">
<span class="ptv-icon ptv-collapse-icon"></span>
<span class="ptv-text ptv-selected">
<span class="tree-text">Prod2</span>
<span class="tree-counts"></span>
</span>
</div>
<ul class="ptv-list ptx-expanded">
<li class="ptv-listitem" data-id="-1">
<div class="ptv-item">
<span class="ptv-text">
<span class="tree-text">**Add New**</span>
<span class="tree-counts"></span>
</span>
</div>
</li>
</ul>
</li

Answer 1

(假设您使用的是 Java)您应该尝试将 xpath 与永远不会更改的文本一起使用，如下所示:-

//to click on prod2
driver.findElement(By.xpath(".//li[contains(.,'Prod2')]//span[@class = 'ptv-icon ptv-expand-icon']").click();

//to click on add new
new WebDriverWait(driver, 10).until(ExpectedConditions.elementToBeClickable(By.xpath(".//li[contains(.,'Add New')]"))).click();