如何在Webdriver.io浏览器中处理麦克风弹窗的Block按钮点击问题？

浏览器的麦克风权限弹窗属于系统级组件，不属于网页DOM结构，所以常规的Webdriver.io元素定位方法无法捕获这些元素，推荐用以下两种方案解决：

方案一：启动浏览器时预先禁用权限请求 #

直接通过浏览器启动参数阻止权限弹窗出现，是最稳定的自动化测试方案。

Chrome配置示例 #

在wdio.conf.js的capabilities中添加参数：

capabilities: [{
    browserName: 'chrome',
    'goog:chromeOptions': {
        args: [
            '--deny-permission-prompts', // 全局拒绝所有权限请求
            // 或精准控制麦克风：--permissions-policy=microphone=()
        ]
    }
}]

Firefox配置示例 #

同样在capabilities中设置偏好：

capabilities: [{
    browserName: 'firefox',
    'moz:firefoxOptions': {
        prefs: {
            'media.navigator.permission.disabled': true, // 禁用权限弹窗
            'media.navigator.permission.denied.default': true // 默认拒绝麦克风权限
        }
    }
}]

方案二：通过DevTools协议动态设置权限 #

如果需要模拟用户手动拒绝权限的场景，可利用Webdriver.io支持的Chrome DevTools Protocol（CDP）预设权限状态：

// 在测试用例中执行，预先将当前站点麦克风权限设为拒绝
await browser.executeCdpCommand('Browser.grantPermissions', {
    origin: await browser.getUrl(),
    permissions: ['microphone'],
    settings: {
        microphone: 'denied'
    }
});

执行后网站请求麦克风权限时，会直接应用预设的拒绝状态，不会弹出弹窗。

注意：不推荐用AutoIt、Sikuli这类系统级自动化工具点击弹窗，这类方案跨平台兼容性差，且易受系统环境影响，稳定性远不如浏览器原生方案。

内容的提问来源于stack exchange，提问作者Hà Hoàng