在开发工具中正确定位元素时，我的元素定位器无法正常工作

Question

我有这个指向文档的超链接...

<a _ngcontent-bcl-c5="" class="card-title" ng-reflect-router-link="/activityDetail,c2efa137-0cf3-" href="/activityDetail/c2efa137-0cf3-8997-bedb-94520063517b">AMA_LEARNING_AMA-2019-088</a>

我使用xpath作为

By.xpath("//a[contains(@href,'activityDetail')]") (OR)
By.xpath("//a[contains(@href,'/activityDetail/')]")

当然，它是一个 Angular 应用程序，我正在尝试将 Selenium 与 Java 一起使用。大多数网络元素定位器都工作正常，除了这个。当我在开发工具窗口中尝试它时，它正确定位了 2 个这样的元素，但是当我运行测试时，它们都没有找到。 是的，我本可以使用 ngWebDriver 工具，但是没有多少角度属性可以使用它。 有什么有用的建议吗？

Answer 1

所需的元素是Angular 元素，因此要在需要为elementToBeClickable() 诱导WebDriverWait 的元素上使用click()，您可以使用以下任一Locator Strategies：

• linkText:

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.linkText("AMA_LEARNING_AMA-2019-088"))).click();
  

• cssSelector:

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("a.card-title[ng-reflect-router-link^='/activityDetail'][href^='/activityDetail']"))).click();
  

• xpath:

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//a[@class='card-title' and text()='AMA_LEARNING_AMA-2019-088'][starts-with(@ng-reflect-router-link, '/activityDetail') and starts-with(@href, '/activityDetail')]"))).click();