WebdriverIO - 如何向所有请求添加自定义标头

Question

我需要向所有请求添加自定义标头，以便访问通常隐藏在公司代理和 VPN 后面的 Web 应用程序，并能够运行 E2E 测试。作为自动化工具，我们使用 WebdriverIO。到目前为止，我尝试按照官方 wdio 文档（https://webdriver.io/docs/options/）在 wdio.conf.js 文件中设置自定义标头，并在我的配置文件中的功能内添加标头选项。不幸的是，这不起作用，我仍然无法连接到我们的网络应用程序。有没有人尝试在 wdio.config.js 文件中添加自定义标头并运行 E2E 测试？ 我的 wdio.config.js 文件的内容如下：

        exports.config = {
      runner: 'local',
    
      specs: [
        './src/specs/**/login.spec.ts',
      ],
      // Patterns to exclude.
      exclude: [
        // 'path/to/excluded/files'
      ],
    
      maxInstances: 10,
    
      capabilities: [
        {
          maxInstances: 5,
          browserName: 'chrome',
          acceptInsecureCerts: true,
    
          headers: {
            'REQUIRED-HEADER-KEY': 'HEADER-VALUE'
          },
    
          'goog:chromeOptions': {
            'excludeSwitches': [
              'enable-automation'
            ],
            prefs: {
              'profile.managed_default_content_settings.notifications': 1, 
              'plugins.always_open_pdf_externally': true, 
              'download': {
                'prompt_for_download': false, 
                'default_directory': process.cwd() + '/tmp'
              }
            },
            args: [
              '--disable-gpu',
              '--window-size=1920,1080',
              '--no-sandbox',
              '--disable-dev-shm-usage',
              '--start-maximized',
            ],
          },
        },
      ],
}

Answer 1

目前没有办法这样做，请参阅webdriverio/issues/6361

但是你可以用 modheader_selenium 来做到这一点：

npm install chrome-modheader

const chromeModheader = require('chrome-modheader');
exports.config = {
...
    capabilities: [{
        browserName: 'chrome',
        "goog:chromeOptions": {
            extensions: [chromeModheader.getExtension()],
        }
    }],
...
    before: function (capabilities, specs) {
        browser.url(chromeModheader.getAddHeaderUrl('YOUR_HEADER', 'YOUR_HEADER_VALUE'));
    },
...
}

Answer 2

上述建议对我有用，有以下解决方法 - https://modheader.com/docs/advanced/selenium-webdriver

代替扩展：[chromeModheader.getExtension()]，使用 扩展：[chromeModheader.getEncodedExtension()]，

Answer 3

你能看看哪里出了问题吗？谢谢

const { config } = require('../wdio.conf');
const chromeModheader = require('chrome-modheader');
config.capabilities = [{
maxInstances: 1,
browserName: 'chrome',
'goog:chromeOptions': {
extensions: [chromeModheader.getExtension()],
enter code here
'excludeSwitches': [
  'enable-automation',
  '--disable-infobars',
  '--disable-blink-features=AutomationControlled',
  '--disable-dev-shm-usage',
  '--no-sandbox',
],

before: function (capabilities, specs) {
  browser.url(chromeModheader.getAddHeaderUrl('X-Captcha-Override', 'disable'));
},
}
}];
exports.config = config;

由于未创建会话，请求失败，状态为 500：无法启动新会话。使用驱动程序服务创建会话时出错。停止驱动程序服务：无法启动新会话。响应代码 500。消息：会话未创建：无法处理扩展 #1 [0-0] 来自未知错误：无法进行 Base64 解码 [0-0] 构建信息：版本：'4.4.0'，修订版：'e5c75ed026a'