我可以使用哪个定位器通过 selenium 单击 span 元素

Question

我可以在下面使用哪个定位器？

<span class="tile-name ng-binding">Payment Partner</span>

来自 OP 的 cmets 的更新：

代码试用 1：

driver.findElementByXPath("//span[text()='Payment Partner']").click(); 

错误：

Exception in thread "main" org.openqa.selenium.ElementNotVisibleException: element not visible;

代码试用 2：

driver.findElementByCssSelector("Payment Partner").click(); 

错误：

Exception in thread "main" org.openqa.selenium.NoSuchElementException: no such element: Unable to locate element: {"method":"css selector","selector":"Payment Partner"}

代码试用 3：

WebDriverWait wait = new WebDriverWait(driver, 20);wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath ("//span[text()='Payment Partner']')")));

Answer 1

根据您共享的 HTML 来查找 <span> 标记，因为该元素是 Angular 元素，您必须为 WebDriverWait 诱导 元素可点击，您可以使用以下任一解决方案：

• xpath：

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//span[@class='tile-name ng-binding' and contains(.,'Payment Partner')]"))).click();
  

• cssSelector：

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("span.tile-name.ng-binding"))).click();
  

更新

根据错误更新调用click()，您可以使用以下解决方案：

• xpath:

  WebElement myElement = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//span[@class='tile-name ng-binding' and contains(.,'Payment Partner')]")));
  ((JavascriptExecutor)driver).executeScript("arguments[0].click();", myElement); 
  

您可以在Selenium Web Driver & Java. Element is not clickable at point (36, 72). Other element would receive the click:找到详细讨论

Answer 2

以下是可用于上述 HTML 行的变化：

1. Xpath：//span[text()='Payment Partner']

2. Xpath : //span[@class='tile-name ng-binding']

3. Xpath：//span[contains(@class,'tile-name')]

4. Xpath : //span[contains(@class,'ng-binding')]

5. Xpath：//span[contains(@class,'tile-name') and text()='Payment Partner']

6. CssPath : span[class='tile-name ng-binding']

如果有父元素，我可以添加更多。

希望这有帮助。