Angular2 - 在不同环境中执行端到端测试

Question

我是 Protractor 的新手。我开发了几个测试用例来完成端到端测试。这些测试用例在我们拥有的所有 3 个不同环境中都能正常工作:dev、testing 和 production。

但是我需要根据需要进行测试的环境更改测试用例中的 Angular 应用程序 URL(因为 URL 因环境而异)。

我正在使用 Angular CLI 命令 ng e2e 来运行测试。现在我的问题是

1) 是否可以传递参数 ng e2e，以便基于参数，可以在测试用例中动态设置 URL？

2) 是否需要全局安装 protractor，因为 Angular CLI 在 node_modules 下使用 protractor 创建 Angular 应用程序？

在我的项目设置中，Protractor 版本是 5.1.2，Angular CLI 版本是 1.2.0。

下面是Protract配置

exports.config = {
  allScriptsTimeout: 11000,
  specs: [
     './e2e/**/*.e2e-spec.ts'
  ],
  capabilities: {
    'browserName': 'chrome'
  },
  directConnect: true,
  baseUrl: 'http://localhost:4200/',
  framework: 'jasmine',
  jasmineNodeOpts: {
    showColors: true,
    defaultTimeoutInterval: 30000,
    print: function() {}
  },
  useAllAngular2AppRoots: true,
  beforeLaunch: function() {
    require('ts-node').register({
        project: 'e2e'
    });
  },
  onPrepare: function() {
    jasmine.getEnv().addReporter(new SpecReporter());
  }
};

我尝试了一些事情，比如添加 params:[env:dev] 并在命令行中将参数作为 ng e2e params.env=test 传递，但我总是获取默认值，而不是从命令行传递的值。

我也尝试了@cnishina 的回答，但是 process.env 的 console.log 没有所需的详细信息。

Answer 1

使用环境变量在环境之间切换

我的建议是尝试使用环境变量并在 Protractor 配置文件中切换环境。您可以 export TEST_ENV=dev 然后为 browser.baseUrl

设置条件

Protractor 配置文件

var baseUrl = '';
if (process.env.TEST_ENV === 'dev') {
  baseUrl = 'http://devurl';
} else if (process.env.TEST_ENV === 'stage') {
  baseUrl = 'http://stageurl';
} else {
  baseUrl = 'http://produrl';
}

exports.config = {
  baseUrl: baseUrl
}

有关使用 process.env 的配置文件的更具体示例，请参阅 Testing Angular Applications, chapter 11 GitHub repo .

您还可以内联更改 baseUrl 参数；但是，如果您要根据测试环境更改多个变量，我建议使用环境变量:

ng e2e { Protractor 配置文件} --baseUrl='http://devurl'

Protractor 全局安装？

Protractor 不需要全局安装。建议使用从 node_modules 目录本地安装的版本。这将为其他开发人员提供可重复的步骤，使用相同的 Protractor 依赖项来运行 e2e 测试。或者，如果您使用的是全局安装的版本，您现在必须指示其他开发人员使用特定的 Protractor 版本。