Selenium JS点击反馈成功但未生效，无法定位新页面元素如何解决

1. 修复前序点击不生效问题 #

你已经确认核心问题是前序点击没有触发预期跳转，优先解决该问题：

• 点击前先将前序按钮滚动到可视区域，避免元素不在视口导致点击被忽略：

const prevSubmitBtn = await driver.findElement(By.id('替换为你的前序提交按钮ID'))
await driver.executeScript('arguments[0].scrollIntoView({block: "center"})', prevSubmitBtn)

• 不要用Selenium默认的click()方法，改用JS触发点击，规避前端事件拦截、元素遮挡等问题：

await driver.executeScript('arguments[0].click()', prevSubmitBtn)

• 若页面是AngularJS开发，点击后加逻辑确认跳转触发，避免后续操作提前执行：

// 方案1：短时间硬等待，适配简单场景
await driver.sleep(2000)
// 方案2：等待URL变化的更精准方案，替换为你实际的跳转前URL即可
await driver.wait(async () => {
  const currentUrl = await driver.getCurrentUrl()
  return currentUrl !== '跳转前的页面URL'
}, 10000)

2. 确认跳转后上下文正确 #

• 若跳转是新标签页打开，需要主动切换标签句柄：

const allHandles = await driver.getAllWindowHandles()
// 切换到最新打开的标签页
await driver.switchTo().window(allHandles[allHandles.length - 1])

• 打印当前页面URL，确认已经跳转到目标页面：

console.log('当前页面URL：', await driver.getCurrentUrl())

3. 优化目标按钮定位逻辑 #

你提供的按钮IDwidget_5052246属于动态生成的组件ID，大概率每次打开页面都会变化，不要用ID定位，改用更稳定的文本+属性定位：

// 显式等待按钮加载完成，用按钮文本定位
const targetBtn = await driver.wait(
  until.elementLocated(By.xpath("//span[contains(text(),'Cliquez pour découvrir')]/parent::button")), 
  20000
)
// 同样用JS点击避免交互问题
await driver.executeScript('arguments[0].click()', targetBtn)

4. 解决超时报错问题 #

你遇到的30秒超时是测试框架的全局超时限制，和Selenium元素等待的20秒不冲突，给单个测试用例设置更长的超时即可：

• 若使用Mocha框架：在测试用例开头加this.timeout(60000)
• 若使用Jest框架：在测试用例开头加jest.setTimeout(60000)

注意：你之前用的document.readyState === 'complete'等待逻辑只适用于传统静态页面，AngularJS这类单页应用的动态组件渲染是在原生DOM加载完成后才执行的，所以该等待逻辑对你的场景完全无效。

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