Python Selenium测试中页面可见性事件未触发，求JS调整方案

可以通过以下几种仅修改前端JavaScript代码的方式，让visibilitychange事件在Selenium自动化测试中正常触发：

方法1：检测自动化环境并主动触发事件 #

利用navigator.webdriver标识判断当前是否处于自动化测试环境，若为真则主动模拟页面隐藏状态并触发事件：

// 保留原有的页面可见性监听逻辑
document.onvisibilitychange = () => {
    if (document.visibilityState === "hidden") {
        sendBeaconData();
    }
};

// 新增自动化环境下的触发逻辑
if (navigator.webdriver) {
    // 重写visibilityState的获取逻辑，返回hidden
    Object.defineProperty(document, 'visibilityState', {
        get: () => 'hidden',
        configurable: true
    });
    // 主动触发visibilitychange事件
    document.dispatchEvent(new Event('visibilitychange'));
}

方法2：增加自定义事件触发逻辑 #

保留原生可见性监听的同时，新增自定义事件监听，结合自动化环境检测自动触发数据发送：

// 原逻辑保留
document.onvisibilitychange = () => {
    if (document.visibilityState === "hidden") {
        sendBeaconData();
    }
};

// 新增自定义事件监听
document.addEventListener('trigger-beacon-send', () => {
    sendBeaconData();
});

// 自动化环境下自动触发自定义事件
if (navigator.webdriver) {
    document.dispatchEvent(new Event('trigger-beacon-send'));
}

方法3：补充自动化环境专属触发时机 #

如果上述方法仍有问题，可在自动化环境下补充beforeunload事件触发（仅测试场景启用，避免影响移动设备）：

// 原逻辑保留
document.onvisibilitychange = () => {
    if (document.visibilityState === "hidden") {
        sendBeaconData();
    }
};

// 自动化环境下补充触发逻辑
if (navigator.webdriver) {
    window.addEventListener('beforeunload', (e) => {
        sendBeaconData();
        // 取消默认提示，避免干扰测试流程
        e.preventDefault();
        e.returnValue = '';
    });
}

注：navigator.webdriver是主流浏览器提供的自动化环境标识，若需兼容旧浏览器，可结合User-Agent中的自动化特征补充判断逻辑。

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