如何找到没有 id 名称或值的复杂标签？

Question

你好，请帮助我找到这个的xpath

<button _ngcontent-c27="" aria-label="VALIDATE" color="primary" fxflex="" mat-raised-button="" type="submit" class="mat-raised-button mat-primary" style="flex: 1 1 0%; box-sizing: border-box;"><span class="mat-button-wrapper"> VALIDATE </span><div class="mat-button-ripple mat-ripple" matripple=""></div><div class="mat-button-focus-overlay"></div></button>

但是当我复制 xpath 时

/html/body/app-root/app-side-nav/mat-sidenav-container/mat-sidenav-content/main/app-otp/app-page-container/div/form/div/div/form/div/div[1]/button

然后当我使用它时，控制台错误 NoSuchElementException

这是我在 selenium 中的代码，谢谢

driver.findElement(By.xpath("/html/body/app-root/app-side-nav/mat-sidenav-container/mat-sidenav-content/main/app-otp/app-page-container/div/form/div/div/form/div/div[1]/button")).click();

HTML Button please click

Answer 1

所需元素是 Angular 元素，因此要定位（并可能调用 click()），您必须为所需的 可点击元素诱导 WebDriverWait 和您可以使用以下任一解决方案：

• cssSelector:

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("button.mat-raised-button.mat-primary[aria-label='VALIDATE']>span.mat-button-wrapper"))).click();
  

• xpath:

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//button[@class='mat-raised-button mat-primary' and @aria-label='VALIDATE']/span[@class='mat-button-wrapper']"))).click();
  

---

更新

当您遇到错误...未知错误：元素无法点击时...您可以使用以下任一解决方案：

• cssSelector:

  WebElement my_css_element = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("button.mat-raised-button.mat-primary[aria-label='VALIDATE']>span.mat-button-wrapper")));
  ((JavascriptExecutor)driver).executeScript("arguments[0].click();", my_css_element);
  

• xpath:

  WebElement my_xpath_element = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//button[@class='mat-raised-button mat-primary' and @aria-label='VALIDATE']/span[@class='mat-button-wrapper']")));
  ((JavascriptExecutor)driver).executeScript("arguments[0].click();", my_xpath_element);
  

参考

您可以在

中找到相关讨论

• Selenium Web Driver & Java. Element is not clickable at point (36, 72). Other element would receive the click:

Answer 2

首先作为一种练习，最好使用相对 xpath，它会帮助您在添加新更改时重用您的代码。

其次，如果没有 ID 、 Name 或任何特定的元素定位器要处理，那么你必须尝试像

这样的属性

`//button[contains(text(),'Validate')]`

`//button[@type='submit']`

//button[@aria-label='VALIDATE'] 等

Answer 3

我认为您正在尝试使基于 Angular 框架的网站自动化。在角度相同的 div 用于多种目的。开发人员只需更改绑定并将同一个按钮用于多种用途。

如果您共享完整的网页 html，那将是一个很大的帮助。

只需检查几件事可能会有所帮助：

1. Web 元素在页面上可见。（css 属性如 display:none 使元素从页面中消失。它仍然存在于 DOM 中但 Web 驱动程序找不到它）

2. 它不是从 jquery 或 ajax 加载的。如果是，那么也许你需要添加 webdriver 等等。

确切的解决方案取决于您的完整网页。

Answer 4

查找多个属性使用[@type=... and @class=...]

//button[@type='submit' and @class='mat-raised-button mat-primary']

Answer 5

希望这三个对你有帮助，

//button[@type='submit']
//*[contains(@type,'submit')]
//button[contains(text(),'VALIDATE')]

如果不尝试在此处发布 HTML 代码，这样会有所帮助，或者，请查看这篇文章自己尝试更多 - https://www.guru99.com/xpath-selenium.html