java - 如何使用 Selenium 在 中查找具有特定文本的元素

Question

我正在使用 Selenium WebDriver。我面临动态更改 ID 的问题。我已经浏览了一些帖子，例如 Handle elements that have changing ids all the time through Selenium Webdriver但没有找到可以帮助我的解决方案。

包括start-with和 contains在 XPath 中无济于事，因为有很多以相似文本和 ID 开头的元素不断变化。请引用HTML下面更清楚。

<mat-option _ngcontent-c1="" class="__mat-option mat-option ng-star-inserted" 
     role="option" tabindex="0" id="mat-option-4" 
     aria-selected="false" aria-disabled="false">
   <span class="mat-option-text">
        <i _ngcontent-c1="" class="material-icons">description</i>
        <span _ngcontent-c1="" style="padding-left: 8px">Campaign Details</span>
   </span>
  <div class="mat-option-ripple mat-ripple" mat-ripple=""></div>
</mat-option>

• 请注意上面 HTML 中的 ID，它是动态的并且不断变化。
• 像这样具有相同类名的元素很少。
• 还有一些以mat-option- 开头的元素.
• 唯一独特的是 <span> 中的文字.

我试过了 driver.findElement(By.xpath(".//span[contains(text(), 'Campaign Details']"));但对我不起作用。

Answer 1

根据您提供的用于将文本元素标识为 Campaign Details 的 HTML，因为该元素是 Angular 元素，您必须诱导 WebDriverWait 使元素可见，如下所示:

WebElement myElement = new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//mat-option[@class='__mat-option mat-option ng-star-inserted' and @role='option'][starts-with(@id,'mat-option-')]/span[@class='mat-option-text']//span[contains(.,'Campaign Details')]")));