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配置。

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

只是不确定我错过了什么。

Answer 1

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

此外，在此配置之后，您可以从命令行传递--base-url ，以便从jenkins为e2e-ci动态更改基本URL。

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的主要部分中有配置。 您可以参考任何这些配置！ 我所要做的就是更新devServerTarget部分以获取e2e测试，以引用正确的构建配置。

所以改变这个：

"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"
  }
}