Java+Selenium在Tekton环境中随机无法定位可见元素

问题背景 #

测试套件在Tekton环境运行时随机出现元素定位失败问题，本地运行完全正常。报错时Cucumber截图明确显示目标元素（<input id="navn">）已存在，但Selenium始终抛出找不到该元素的异常，且总是同一个第二个文本字段出现问题。

现有实现代码 #

Browser.Wait(15).until(ExpectedConditions.visibilityOf(driver.findElement(By.id("navn")))).sendKeys(selectAll + saksbehandlerInfo.getSaksbehandlerNavn());

Browser.Wait(15).until(ExpectedConditions.visibilityOf(driver.findElement(By.id("uid")))).sendKeys(selectAll + saksbehandlerInfo.getUid());

Browser.Wait(15).until(ExpectedConditions.visibilityOf(driver.findElement(By.id("kommunenummer")))).sendKeys(selectAll + saksbehandlerInfo.getKommuneNr());

报错信息 #

org.openqa.selenium.NoSuchElementException: no such element: Unable to locate element: {"method":"css selector","selector":"#navn"}

页面相关HTML结构 #

<label for="uid">Saksbehandlerid</label>
<div><input id="uid" name="uid" value=""></div>
<label for="navn">Saksbehandlernavn</label>
<div><input id="navn" name="saksbehandlernavn" value=""></div>
<label for="kommunenummer">Kommunenummer</label>
<div><input id="kommunenummer" list="kommunenummer-choices" name="kommunenummer" value="">
  <datalist id="kommunenummer-choices">
    <option value="0301">BLabla</option>
  </datalist>
</div>
<label for="bydelsnummer">Bydelsnummer</label>
<div>
  <input id="bydelsnummer" list="bydelsnummer-choices" name="bydelsnummer" value="">
    <datalist id="bydelsnummer-choices">
      <option value="1">Blabla</option>
    </datalist>
</div>
<label for="roller">Roller</label>
  <div>
    <input type="hidden" name="_roller" value="1">
      <select id="roller" multiple="" name="roller">
        <option value="blabla">blabla</option>
     </select>
  </div>
<input type="submit" value="Log in">

排查与解决思路 #

• 修复等待逻辑核心问题：当前代码在调用visibilityOf前先执行driver.findElement(By.id("navn"))，如果元素此时未加载，会直接抛出NoSuchElementException，后续等待逻辑根本不会生效。正确写法应使用visibilityOfElementLocated，让等待条件内部循环查找元素：

  Browser.Wait(15).until(ExpectedConditions.visibilityOfElementLocated(By.id("navn"))).sendKeys(selectAll + saksbehandlerInfo.getSaksbehandlerNavn());
  

• 验证元素定位唯一性：在Tekton环境中打印页面中id="navn"的元素数量，确认是否存在重复ID导致定位异常：

  List<WebElement> elements = driver.findElements(By.id("navn"));
  System.out.println("Number of elements with id 'navn': " + elements.size());
  

• 增加上下文检查：排查页面是否存在iframe嵌套（即使截图显示元素存在，也可能在加载过程中短暂出现iframe切换问题），可添加iframe检查逻辑：

  // 切换回主文档上下文
  driver.switchTo().defaultContent();
  

• 优化等待策略：结合元素存在性和可见性等待，先确保元素被DOM加载，再等待其可见：

  WebElement navnElement = Browser.Wait(15).until(ExpectedConditions.presenceOfElementLocated(By.id("navn")));
  Browser.Wait(10).until(ExpectedConditions.visibilityOf(navnElement));
  navnElement.sendKeys(selectAll + saksbehandlerInfo.getSaksbehandlerNavn());
  

• 适配Tekton环境延迟：Tekton环境可能存在网络或浏览器渲染延迟，添加页面完全加载的等待：

  Browser.Wait(20).until(webDriver -> ((JavascriptExecutor) webDriver).executeScript("return document.readyState").equals("complete"));
  

• 配合隐式等待：在初始化WebDriver时设置隐式等待，与显式等待互补：

  driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
  

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