如何在<span>Selenium中</span>查找具有特定文本的元素

Question

I'm using Selenium WebDriver. I'm facing issue with dynamically changing ID. I've gone through some post such as Handle elements that have changing ids all the time through Selenium Webdriver but didn't found a solution that can help me.

Including start-with and contains in XPath can't help as there are plenty of elements which start with similar text and id keep changing. Please refer the HTML below for more clarity.

<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>

• Notice the ID in the HTML above which is dynamic and keeps changing.
• There are few more elements like this which have the same class name.
• There are few more elements which start with mat-option- .
• The only unique this is the text in <span> .

I tried driver.findElement(By.xpath(".//span[contains(text(), 'Campaign Details']")); but not working for me.

Answer 1

按照您提供的HTML来标识带有文本作为Campaign Details的元素，因为该元素是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')]")));

Answer 2

The only unique this is the text in <span> So the text is : Campaign Details

WebElement campaignDeatils =  driver.findElement(By.xpath("//i[text()='description']/following-sibling::span[text()='Campaign Details']"))  
campaignDeatils.getText(); // or any other operation you wanna do.

Answer 3

WebElement campaignDeatils =  driver.findElement(By.xpath(""//i[@class='fa fa-bullhorn']/following-sibling::span[text()='Campaigns']"))  

campaignDeatils.getText();