如何在WebdriverIO与Mocha框架下处理iOS弹窗及BrowserStack检视问题

通用排查项 #

• 首先确认弹窗类型：如果是系统级弹窗（权限申请、系统通知、应用安装弹窗等），BrowserStack Inspect默认不会自动切换到系统进程的元素树，需要手动调整
• 手动刷新元素树：弹窗触发后Inspect视图的元素树不会自动同步更新，点击视图顶部的刷新按钮重新拉取当前界面的完整元素结构
• 检查进程选择：Inspect视图顶部的进程下拉框默认只选中你测试的目标应用进程，系统弹窗属于单独的进程，需要手动切换到对应进程才能查看元素

Android端专属处理方案 #

• 无需测试权限弹窗的场景：直接在WebdriverIO的启动配置capabilities中添加autoGrantPermissions: true，应用启动时会自动授予所有运行时权限，从根源避免系统权限弹窗出现
• 需要定位弹窗元素的场景：触发弹窗后先切换到原生上下文，再拉取元素结构即可识别，代码示例：

// 切换到原生应用上下文，覆盖系统级弹窗的捕获范围
await driver.switchContext('NATIVE_APP')
// 打印当前页面元素结构，可直接提取弹窗的元素属性
console.log(await driver.getPageSource())

• 系统级弹窗对应进程名为com.android.systemui，在Inspect的进程下拉框选中该进程即可直接查看弹窗元素

iOS端专属处理方案 #

• 无需测试权限弹窗的场景：在capabilities中添加autoAcceptAlerts: true自动同意所有系统弹窗，或添加autoDismissAlerts: true自动拒绝所有系统弹窗
• 需要定位弹窗元素的场景：首先在capabilities中开启useNewWDA: true配置，确保WDA可以捕获系统层级的UI元素，触发弹窗后刷新Inspect的元素树即可查看
• iOS系统弹窗归属SpringBoard进程，在Inspect的进程下拉框选中该进程即可检视弹窗元素

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