angular 带文件下载的 ng e2e 测试用例不适用于 headless chrome

Question

在一个 angular2+ 项目中，我有一个 e2e 测试用例，它单击一个按钮，下载一个文件，并检查内容。它在正常模式下工作，但在 --headless 模式下不起作用。文件未下载，测试用例超时

在我的 protractor.conf.js 中，我已经尝试了很多在不同地方找到的标志：

const os = require('os');
[...]

  capabilities: {
    'browserName': 'chrome',
    chromeOptions: {
      args: ['--headless', '--disable-gpu', '--disable-popup-blocking', '--no-sandbox', '--window-size=1024,768', '--remote-debugging-port=9222', "--disable-dev-shm-usage"],
      prefs: {
        'download': {
          'prompt_for_download': false,
          'directory_upgrade': true,
          'default_directory': os.homedir() + '/Downloads'
        }, 
        safebrowsing: {enabled: false, disable_download_protection: true},
        browser: {set_download_behavior: { behavior: 'allow' }}
      }
    }
  },

没有成功。

另外我在某处读到，您可以像这样配置它

// works for headless and "normal" mode
browser.driver.sendChromiumCommand('Page.setDownloadBehavior', {
    'behavior': 'allow',
    'downloadPath': DOWNLOAD_DIR
});

但是 "browser" 变量中没有 "sendChromiumCommand"，protractor.conf.js 和 spec ts 文件中都没有。

我怎样才能让它工作？提前致谢。

Answer 1

刚刚找到解决方法。

将这些行添加到您的 protractor.conf.js:

exports.config = {
  ...
  onPrepare() {
    ...
    browser.driver.sendChromiumCommand('Page.setDownloadBehavior', {
      behavior: 'allow',
      downloadPath: downloadsPath
    });
  }
};

发件人：https://bugs.chromium.org/p/chromium/issues/detail?id=696481#c196

angular 带文件下载的 ng e2e 测试用例不适用于 headless chrome

angular ng e2e testcase with file download not working with headless chrome

download

protractor

angular

google-chrome-headless

angular-e2e