Angular CLI使用E2E测试的配置

Question

我正在将Angular CLI项目更新为v6

我遇到的问题是，在v6之前，我可以使用命令ng e2e -e=e2e，并且测试可以在给定的环境下正常运行。在v6中，环境已更改为配置，但ng e2e -c=e2e不起作用。

我得到的错误是：

Configuration 'e2e' could not be found in project 'admin-e2e'.
Error: Configuration 'e2e' could not be found in project 'admin-e2e'.
at Architect.getBuilderConfiguration (c:\_inmoment\admin\client\node_modules\@angular-devkit\architect\src\architect.js:102:23)
at MergeMapSubscriber._loadWorkspaceAndArchitect.pipe.operators_1.concatMap [as project] (c:\_inmoment\admin\client\node_modules\@angular\cli\models\architect-command.js:64:55)
at MergeMapSubscriber._tryNext (c:\_inmoment\admin\client\node_modules\rxjs\internal\operators\mergeMap.js:122:27)
at MergeMapSubscriber._next (c:\_inmoment\admin\client\node_modules\rxjs\internal\operators\mergeMap.js:112:18)
at MergeMapSubscriber.Subscriber.next (c:\_inmoment\admin\client\node_modules\rxjs\internal\Subscriber.js:103:18)
at TapSubscriber._next (c:\_inmoment\admin\client\node_modules\rxjs\internal\operators\tap.js:109:26)
at TapSubscriber.Subscriber.next (c:\_inmoment\admin\client\node_modules\rxjs\internal\Subscriber.js:103:18)
at MergeMapSubscriber.notifyNext (c:\_inmoment\admin\client\node_modules\rxjs\internal\operators\mergeMap.js:141:26)
at InnerSubscriber._next (c:\_inmoment\admin\client\node_modules\rxjs\internal\InnerSubscriber.js:30:21)
at InnerSubscriber.Subscriber.next (c:\_inmoment\admin\client\node_modules\rxjs\internal\Subscriber.js:103:18)

我试图将配置部分添加到angular.json的e2e部分。

我尝试将另一部分添加到始终使用e2e配置的项目的Architect部分中。

有谁知道如何在e2e测试中使用--configuration标志？

只是不确定我缺少什么。

Answer 1

首先删除"devServerTarget": "project:serve"e2e 的from选项部分，然后尝试将其放置在所需的特定配置中。在这种情况下，如果要在本地运行测试，请使用它，并将其用于Jenkins或CI，请将其删除并将其baseUrl定位为特定的URL。

同样，在此配置之后，您可以--base-url从命令行传递给jenkins，以动态更改基本网址e2e-ci。

ng e2e --configuration=e2e-ci --suite=home --base-url="http://google.com"

下面是配置

"project-e2e": {
  "root": "e2e/",
  "sourceRoot": "e2e",
  "projectType": "application",
  "prefix": "",
  "architect": {
    "e2e": {
      "builder": "@angular-devkit/build-angular:protractor",
      "options": {
        "protractorConfig": "./protractor.conf.js"
        // remove "devServerTarget": "project:serve" here. it normally for all
      },
      "configurations": {
        "production": {
          "devServerTarget": "project:serve:production",  // use it here for local test to pull localhost:4200 and run test on it
          "serve": false,
          "webdriverUpdate": false
        },
        "e2e-ci": { // this one is for jenkins/CI so no dev server require but pass the baseUrl. see there is no devServerTarget option here
          "protractorConfig": "./protractor.conf.js",  
          "baseUrl": "https://specificurltotest.org"
        }
      }
    },
    "lint": {
      "builder": "@angular-devkit/build-angular:tslint",
      "options": {
        "tsConfig": "e2e/tsconfig.e2e.json",
        "exclude": [
          "**/node_modules/**"
        ]
      }
    }
  }
}

Answer 2

我想到了。如果您需要使用不同的配置，这将不起作用。但是，如果您想在 e2e 测试中使用单个配置，这就是您的做法。

在文件的 angular.json 的主要部分中有配置。您可以参考这些配置中的任何一个！我所要做的就是更新devServerTargete2e 测试部分以引用正确的构建配置。

所以改变这个：

"e2e": {
  "builder": "@angular-devkit/build-angular:protractor",
  "options": {
    "protractorConfig": "./protractor.conf.js",
    "devServerTarget": "admin:serve"
  }
}

对此：

"e2e": {
  "builder": "@angular-devkit/build-angular:protractor",
  "options": {
    "protractorConfig": "./protractor.conf.js",
    "devServerTarget": "admin:serve:e2e"
  }
}