需要建议为过滤器图标编码

Question

我需要在 selenium web drive java 中编写以下代码。我正在使用 java 日食。我正在尝试查找过滤器菜单的元素。单击过滤器图标后，将显示过滤器菜单。当我尝试通过使用萤火虫单击过滤器图标来查找元素时，下面的代码突出显示span class="k-icon k-filter xpath 也不起作用。

<th class="k-header k-filterable k-with-icon" scope="col" data-title="Package Detail" data-index="0" data-field="PackageDetail.Namee" data-role="columnsorter">
 <a class="k-grid-filter" href="javascript:void(0)" tabindex="-1">
  <span class="k-icon k-filter"/>
 </a>
 <a class="k-link" href="/Valiadationrule/GetData?ValiadationruleGrid-sort=PackageDetail.Namee-asc">Package Detail</a>
</th>

<th class="k-header k-filterable k-with-icon" scope="col" data-title="Category" data-index="1" data-field="Category" data-role="columnsorter">
 <a class="k-grid-filter" href="javascript:void(0)" tabindex="-1">
  <span class="k-icon k-filter"/>
</a>
<a class="k-link" href="/Valiadationrule/GetData?ValiadationruleGrid-sort=Category-asc">Category</a>
</th>

<th class="k-header k-filterable k-with-icon" scope="col" data-title="Name" data-index="2" data-field="Name" data-role="columnsorter">
 <a class="k-grid-filter" href="javascript:void(0)" tabindex="-1">
   <span class="k-icon k-filter"/>
 </a>
 <a class="k-link" href="/Valiadationrule/GetData?ValiadationruleGrid-sort=Name-asc">Name</a>
</th>

Answer 1

尝试使用以下任一 Java 代码来单击第一个过滤器图标“包详细信息”：

//a[.='Package Detail']

它将选择带有标签a 和确切innerHTML/text 为Package Detail 的元素。

或

//a[contains(@href,'PackageDetail')]

它将选择带有标签a和href属性包含文本PackageDetail的元素。

---

编辑

根据最新的图像，我已经找出了问题所在。实际上，整个网格都在一个 ID 为bodyframe 的框架内。因此，您必须先切换到框架，然后再单击过滤器图标。

1- 切换到框架：

driver.switchTo().frame("bodyframe");

2- 点击过滤器图标：

driver.findElement(By.xpath("//a[contains(@href,'PackageDetail')]/preceding-sibling::a")).click();

或

driver.findElement(By.xpath("//th[@data-title='Package Detail']//span[@class='k-icon k-filter']/..")).click();

或

 driver.findElement(By.xpath("//th[@data-title='Package Detail']//span[@class='k-icon k-filter']")).click();