Selenium C# 如何等待加载遮罩层隐藏后再执行后续操作？

完全可以实现可复用的等待逻辑，这是UI自动化测试中非常典型的通用封装场景，你只需要把遮罩层的隐藏判断逻辑抽成公共方法，所有操作后统一调用即可，不需要每个业务场景单独编写等待规则。

核心判定逻辑 #

根据你给出的遮罩层代码，遮罩层是否隐藏满足任意一个条件即可判定：

• id为progress的元素style.display属性值为none
• id为progress的元素aria-hidden属性值为true

下面给出不同主流自动化框架的实现示例：

Selenium Python 版本 #

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

# 全局封装的公共方法，所有测试用例都可以直接调用
def wait_loading_mask_disappear(driver, timeout: int = 10):
    # 方式1：用内置的不可见判定条件
    WebDriverWait(driver, timeout).until(
        EC.invisibility_of_element_located((By.ID, "progress"))
    )
    
    # 方式2：如果需要更精准匹配属性，可自定义判断逻辑
    # WebDriverWait(driver, timeout).until(
    #     lambda d: d.find_element(By.ID, "progress").get_attribute("aria-hidden") == "true"
    # )

调用方式：所有触发展示遮罩层的操作（比如提交表单、点击更新按钮）执行完成后，直接调用wait_loading_mask_disappear(driver)即可。

Playwright 版本（JavaScript/TypeScript） #

// 封装到公共工具类或者全局fixture中
async function waitLoadingMaskDisappear(page: Page, timeout = 10000): Promise<void> {
  await page.locator('#progress').waitFor({
    state: 'hidden',
    timeout: timeout
  })
}

优化建议 #

如果遇到操作执行后，判断逻辑跑在遮罩层渲染之前，导致还没等遮罩层出就判定隐藏的问题，可以在方法开头加1秒以内的短等待，或者先判断遮罩层是否处于显示状态，再执行隐藏等待，避免出现误判。

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