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

问题描述

我需要为所有请求添加自定义标头，以便访问通常隐藏在公司代理和 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',},}

解决方法

目前无法执行此操作，请参阅 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'));
    },...
}