如何使用 Java 使用 ClassName 及其 Value 来识别元素

Question

HTML：

<div class="MuiGrid-root MuiGrid-grid-xs-12 karutaNameNam css-1uqhpru">Super Heros</div>

如何使用 class = karutaNameNam 及其 Value =“Super Heros”来选择元素。

Answer 1

要将带有文本的元素标识为超级英雄，您可以使用以下任一定位器策略：

• cssSelector：

  WebElement element = driver.findElement(By.cssSelector("div[class*='MuiGrid-root'][class*='karutaNameNam']"));
  

• xpath：

  WebElement element = driver.findElement(By.xpath("//div[contains(@class, 'karutaNameNam') and text()='超级英雄']"));
  

---

理想情况下，可以识别为 WebDriverWait 所需的元素https://stackoverflow.com/a/49749804/7429447">visibilityOfElementLocated 并且您可以使用以下任一定位器策略：

• cssSelector：

  WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("div[class*='MuiGrid-root'][class*='karutaNameNam']][value ='emptyAssembly']")));
  

• xpath：

  WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//div[contains(@class, 'karutaNameNam') and text()='超级英雄' ]")));
  

Answer 2

我们可以在“cssSelector”中的类名之前使用点[.]，以便在“findElement”方法中使用 className

WebElement element = driver.findElement(By.cssSelector('.MuiGrid-root.MuiGrid-grid-xs-12.karutaNameNam.css-1uqhpru'));

WebElement element = driver.findElement(By.cssSelector('.karutaNameNam'));