Selenium Java中点击页面首个相同XPath产品元素问题求助

在LC Waikiki的男士T恤列表页面，所有产品的XPath结构一致，尝试点击首个产品时测试失败，需求是始终点击页面上的第一个产品。

使用的代码如下：

WebElement butttonToClick = driver.findElement(By.xpath("//h5[@class='product-card__title']"));
butttonToClick.click();

多次修改XPath、尝试点击第二/第三个元素均未成功，寻求解决办法。

以下几种实用方案可以尝试：

• 指定首个匹配元素的XPath
  在XPath末尾添加[1]，明确选取第一个符合条件的产品标题：

  WebElement firstProduct = driver.findElement(By.xpath("//h5[@class='product-card__title'][1]"));
  firstProduct.click();
  

• 通过产品卡片容器定位
  若直接点击标题失效，可先定位第一个产品的卡片容器，再点击内部标题或卡片本身：

  // 定位第一个产品卡片，再点击标题
  WebElement firstProductCard = driver.findElement(By.xpath("//div[contains(@class, 'product-card')][1]"));
  firstProductCard.findElement(By.xpath(".//h5[@class='product-card__title']")).click();
  // 若卡片本身可点击，直接点击容器也可
  // firstProductCard.click();
  

• 添加显式等待确保元素加载完成
  页面未完全加载时执行点击会导致失败，用显式等待直到元素可点击：

  import org.openqa.selenium.support.ui.WebDriverWait;
  import org.openqa.selenium.support.ui.ExpectedConditions;
  import java.time.Duration;
  
  WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
  WebElement firstProduct = wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//h5[@class='product-card__title'][1]")));
  firstProduct.click();
  

• 用JavaScript解决元素遮挡问题
  若遇到ElementClickInterceptedException（元素被遮挡），改用JavaScript点击：

  WebElement firstProduct = driver.findElement(By.xpath("//h5[@class='product-card__title'][1]"));
  ((JavascriptExecutor) driver).executeScript("arguments[0].click();", firstProduct);
  

内容的提问来源于stack exchange，提问作者apocistaken