Angular2+ e2e 的量角器配置，适用于本地运行和 docker

问题描述

最近我花了很多时间开始对我的项目进行 e2e 测试并将其合并到构建管道中。设置至少需要 2 个节点（mongodb + .Net5 后端和 Angular 客户端），因此决定在 docker 中运行所有这些。我添加了额外的 docker-compose-test.yml ，我将在其中启动临时节点来运行服务器集成测试（需要 mongo），然后是客户端测试，包括 e2e（需要完全工作设置）。因此，经过几天的调整，我最终得到了一个 protractor.conf.js，它有一个 docker 硬编码的 chromeDriver：

  capabilities: {
    'browserName': 'chrome',chromeOptions: {
      args: ['--headless','--disable-gpu','--no-sandBox'],},directConnect: true,chromeDriver: '/usr/bin/chromedriver',// !!!
  baseUrl: 'http://localhost:4444/',framework: 'jasmine',

它终于在 docker 中完美运行（禁用了 chromedriver 更新，因为它预安装在 Alpine 映像的另一个阶段，否则自动更新根本不起作用，而且速度明显更快）。但问题是，毫不奇怪，它不再在本地工作： Error message: Could not find chromedriver at Q:\usr\bin\chromedriver. Run 'webdriver-manager update' to download binaries. 另外，我总是必须在本地和 docker 中都传递 --dev-server-target=，因为我总是在 docker 或我的本地 ng 服务中运行它，所以另一个开发服务器对我来说没有意义。我已将此添加到 package.json: "e2e": "ng e2e --dev-server-target=" 它适用于 npm run e2e，但我也希望 ng e2e 没有本地运行参数（我相信可以配置，但如何？）

我如何设置在 docker 和本地运行中都可以使用的 chromedriver？

本地运行更易于调试且启动速度更快...

注意：4444 是我的开发 Web 服务器的端口，我最近才意识到 selenium 使用相同的端口。

解决方法

在这种情况下我所做的是声明一个特定于docker镜像的环境变量

# Dockerfile
ENV DOCKERIMAGEENV="true"

然后在配置里面，我放置了一个简单的 if/else 逻辑

if (process.env.DOCKERIMAGEENV) {
  // do whatever you need for your docker
} else {
  // local specific options
}

所以在你的情况下，这看起来像这样

let chromedriverPath;

if (process.env.DOCKERIMAGEENV) {
  chromedriverPath = '/usr/bin/chromedriver'
} else {
  chromedriverPath = 'C:\another\path'
}

exports.config =  {
  directConnect: true,chromeDriver: chromedriverPath,}

angular angular docker docker protractor