自动化测试中如何处理无关闭按钮的modal/pop-up弹窗

我已尝试多种方法处理pop-up弹窗，目前需要明确是否需要修改body元素，因为弹窗显示时会给body新增特殊类名。该弹窗没有关闭按钮，手动操作时点击页面任意位置即可关闭弹窗，但我通过自动化脚本模拟点击任意位置时，系统提示element not found错误。

• 我目前写的处理弹窗的代码没有达到预期效果，对如何正确处理该弹窗十分困惑。
  提前感谢各位的帮助。

问题原因 #

你遇到的报错通常是以下几个原因导致的：

• 弹窗是动态渲染的，你执行点击操作时，弹窗对应的DOM元素还没完全加载完成，或者你选择的点击目标元素被弹窗遮挡、处于不可交互状态
• 如果弹窗绑定的点击关闭事件是挂载在document/body上的，你点击普通页面元素时会被高层级的弹窗拦截，导致元素无法被定位到
• 部分弹窗会放在独立的iframe中，没有切换iframe的前提下也会找不到元素

解决方法 #

1. 先加显式等待确保弹窗加载完成

不要用固定时长的延迟，用显式等待判断弹窗是否可见后再执行后续操作，以Selenium为例：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By

# 最长等待10秒，直到弹窗元素可见
wait = WebDriverWait(driver, 10)
wait.until(EC.visibility_of_element_located((By.CLASS_NAME, "替换为你的弹窗类名")))

2. 直接点击body元素而非任意页面元素

手动点击任意位置关闭弹窗的逻辑，本质是触发了挂载在body或弹窗蒙版上的点击事件，直接点击body元素不需要定位其他页面元素，稳定性更高：

driver.find_element(By.TAG_NAME, "body").click()

3. 用JS执行操作兼容性更强

如果点击操作还是不生效，可以直接通过执行JS触发点击事件，或者直接移除弹窗、还原body类名，完全绕开元素定位的问题：

# 直接触发全局点击事件
driver.execute_script("document.dispatchEvent(new Event('click'))")

# 如果上述方法不生效，也可以直接移除弹窗元素，同时清除body上的新增类
driver.execute_script("document.querySelector('.替换为你的弹窗类名').remove()")
driver.execute_script("document.body.classList.remove('替换为弹窗出现时body新增的类名')")

4. 排查iframe嵌套

如果以上方法都不生效，打开开发者工具查看弹窗元素是否在<iframe>标签内，如果是需要先切换到对应iframe再操作：

# 切换到弹窗所在的iframe，可根据iframe的id、name或索引定位
driver.switch_to.frame("替换为iframe的id或name")
# 操作完成后切回主文档
driver.switch_to.default_content()

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