Appium+WebdriverIO切换WebView失败：chromedriver不存在问题求助

1. 为何Appium会尝试使用自动安装的appium-chromedriver@7.0.35？ #

• appium-chromedriver是appium-uiautomator2-driver的核心依赖：当你安装appium-uiautomator2-driver（你的依赖清单中已声明）时，pnpm会自动拉取该驱动指定版本的appium-chromedriver——WebView自动化必须依赖Chromedriver与Android系统内的WebView建立通信，这是Appium WebView交互的必要组件。
• Appium 3.x采用模块化架构：所有设备驱动（如UiAutomator2）以插件形式存在，其依赖会被包管理工具自动解析安装，无需手动单独下载Chromedriver。你看到的7.0.35版本，是appium-uiautomator2-driver@3.0.0默认指定的兼容版本。

2. 适配Chrome 140 WebView并成功切换上下文的解决方案 #

你的核心问题是appium-chromedriver对应的二进制文件未正确下载（路径不存在），且版本未匹配Chrome 140。以下是无需手动复制Chromedriver的可行方案：

方案1：启用自动下载并指定Chrome 140对应版本 #

在wdio.conf.ts的Android capabilities中添加Chromedriver配置，强制下载适配版本：

capabilities: [{
  platformName: 'Android',
  'appium:deviceName': '你的设备名称',
  'appium:app': '/path/to/你的应用.apk',
  'appium:automationName': 'UiAutomator2',
  // 关键配置
  'appium:chromedriverAutodownload': true, // 开启自动下载
  'appium:chromedriverVersion': '140.0.7025.0', // Chrome 140对应的Chromedriver版本
  'appium:chromedriverExecutableDir': './node_modules/appium-chromedriver/chromedriver/win', // 指定二进制文件存放目录
}]

注：Chrome版本与Chromedriver版本需严格对应，Chrome 140对应的Chromedriver版本为140.0.7025.0。

方案2：修复pnpm依赖下载异常 #

pnpm的缓存或部分依赖下载不完整可能导致二进制文件缺失，执行以下步骤重置依赖：

1. 清除pnpm本地缓存：

pnpm store prune

2. 删除现有依赖目录和锁文件：

rm -rf node_modules pnpm-lock.yaml

3. 重新安装所有依赖：

pnpm install

若完成后仍无chromedriver.exe，可手动触发Chromedriver下载：

npx appium-chromedriver --auto-download

方案3：通过版本映射文件匹配Chrome版本 #

创建chrome_mapping.json文件，定义Chrome版本与Chromedriver版本的对应关系：

{
  "140": "140.0.7025.0"
}

在wdio.conf.ts中指定该文件路径：

capabilities: [{
  // ...其他配置项
  'appium:chromedriverChromeMappingFile': './chrome_mapping.json',
}]

测试代码优化建议 #

切换上下文前建议等待WebView加载完成，避免过早操作导致失败，同时修正元素选择器重复问题：

it('avec class', async () => { 
    // 等待WebView上下文出现
    await browser.waitUntil(async () => {
        const contexts = await browser.getContexts();
        return contexts.includes('WEBVIEW_com.xxx.zero');
    }, { timeout: 10000, timeoutMsg: 'WebView上下文未加载' });

    await browser.switchContext('WEBVIEW_com.xxx.zero');

    // 切换后等待页面元素加载
    const input = await $(`//*[@class="form-control"]`);
    await input.waitForDisplayed({ timeout: 5000 });
    await input.click();
    await input.setValue('example@example.com');

    // 修改按钮选择器，避免与输入框重复
    const btn = await $(`//button[@class="form-control"]`);
    await btn.waitForDisplayed({ timeout: 5000 });
    await btn.click();
})

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