Selenium中WebDriverWait被忽略直接执行操作的问题排查

这个问题大概率不是浏览器或驱动本身的问题，而是代码逻辑里的几个细节没处理到位，导致Chrome下出现时序冲突，Firefox因加载特性刚好避开了这类问题。下面是具体问题点和修正方案：

问题点与修复建议 #

• 点击跳转后未确认页面状态
  你用execute_script点击元素触发页面跳转后，Chrome的页面加载速度可能跟不上代码执行节奏，后续的browser.get或元素定位操作会在页面未完全就绪时执行，导致显式等待失效。
  修复：每次触发页面跳转后，先等待页面加载完成，比如等待document.readyState变为complete，或者等待目标页面的标志性元素出现。

• 初始元素未等待可交互状态
  开头直接用find_element获取macbook和iphone元素，没有等待元素加载完成并处于可点击状态。Chrome的DOM渲染速度可能比Firefox稍慢，容易出现元素未就绪就被点击的情况，后续操作连锁出问题。
  修复：把初始元素获取换成显式等待，使用EC.element_to_be_clickable确保元素可交互后再操作。

• 删除操作后未等待DOM更新
  点击第一个删除按钮后，页面DOM会立刻变化（移除对应行），但代码立刻去定位第二个删除按钮，此时Chrome可能还没完成DOM更新，导致找不到元素触发超时。
  修复：点击删除后，先等待被删除的元素从DOM中消失（用EC.staleness_of），确认页面更新完成后再定位下一个元素。

修改后的示例代码 #

def test_two(browser):
    browser.get('http://localhost/index.php?route=common/home&language=en-gb')
    
    # 等待元素可点击后再获取
    macbook = WebDriverWait(browser, 5).until(
        EC.element_to_be_clickable((By.CSS_SELECTOR, "#content > div.row > div:nth-child(1) > form > div > div.content > div.button-group > button:nth-child(3)"))
    )
    iphone = WebDriverWait(browser, 5).until(
        EC.element_to_be_clickable((By.CSS_SELECTOR, "#content > div.row > div:nth-child(2) > form > div > div.content > div.button-group > button:nth-child(3)"))
    )

    browser.execute_script("arguments[0].click();", macbook)
    # 等待页面跳转完成
    WebDriverWait(browser, 5).until(
        lambda driver: driver.execute_script("return document.readyState") == "complete"
    )
    
    browser.execute_script("arguments[0].click();", iphone)
    WebDriverWait(browser, 5).until(
        lambda driver: driver.execute_script("return document.readyState") == "complete"
    )
    
    browser.get('http://localhost/index.php?route=product/compare&language=en-gb')
    WebDriverWait(browser, 5).until(
        lambda driver: driver.execute_script("return document.readyState") == "complete"
    )

    delete_macbook = WebDriverWait(browser, 5).until(
        EC.element_to_be_clickable((By.CSS_SELECTOR, "#content > table > tbody:nth-child(7) > tr > td:nth-child(2) > form > a"))
    )
    browser.execute_script("arguments[0].click();", delete_macbook)
    # 等待被删除元素消失，确认DOM更新完成
    WebDriverWait(browser, 5).until(EC.staleness_of(delete_macbook))
    
    delete_iphone = WebDriverWait(browser, 5).until(
        EC.element_to_be_clickable((By.LINK_TEXT, "Remove"))
    )
    browser.execute_script("arguments[0].click();", delete_iphone)

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