4

从 11.0.3 angular/core 版本开始，E2E 测试不适用于具有默认配置的项目。

我打开一个问题https://github.com/angular/angular/issues/40221但它似乎不是回归（？）

最小复制

https://github.com/BrunoBeraudPW/issue-angular-11.0.3

这是一个默认项目 Angular 11.0.3，我已将所有包更新到最新版本

我已经“手动”更新了所有软件包，因为“ng new”cmd 正在创建一个 angular 10 应用程序，所以我认为问题可能是因为其他软件包而出现的。

但是即使我刚刚更新了角度包，错误仍然存​​在

异常或错误

使用 fakeAsync 时：

Failed: zone-testing.js is needed for the async() test helper but could not be found.
Please make sure that your environment includes zone.js/dist/zone-testing.js

selenium-webdriver 库中的几个错误（承诺）

C:\dev-phoenix\1-Photoweb-Forks\test\node_modules\selenium-webdriver\lib\promise.js:3067:27
              this.pending_ = {task: task, q: this.subQ_};
              task.promise.queue_ = this;
              result = this.subQ_.execute_(task.execute);
                                  ~
              this.subQ_.start();
            } catch (ex) {

internal/modules/cjs/loader.js 中的几个错误

internal/modules/cjs/loader.js:955:30
jasmine-spec-reporter: unable to open 'internal/modules/cjs/loader.js'
Error: ENOENT: no such file or directory, open 'internal/modules/cjs/loader.js'

它似乎无法识别 jasmine 函数，它用红色下划线了主要函数的名称 describe、it、fit 等，就像它不包含 test.ts 及其 import 'zone.js/dist/zone-testing ';

环境

**Angular Version:**
@angular-devkit/architect       0.1100.3
@angular-devkit/build-angular   0.1100.3
@angular-devkit/core            11.0.3
@angular-devkit/schematics      11.0.3
@schematics/angular             11.0.3
@schematics/update              0.1100.3
rxjs                            6.6.3
typescript                      4.0.5

感谢 ！

4

2 回答 2

0

我遇到了同样的问题，在升级到 Angular 11 后，运行在 Angular 10 上运行良好的 E2E 脚本不再工作。

但是我遇到了一个稍微不同的问题，我的 25% 的测试文件失败并出现了关于 fakeAsync 的错误，而其余的则成功了。这让我走上了一条评论代码的道路，看看我需要做些什么来完成这项工作。

我发现我的一个 E2E 模型类正在导入我们的另一个库用于通用代码。这个通用库还有包含 fakeAsync 的单元测试助手。当我将特定功能带入我的 e2e 项目并且不再引用我的其他库时，我的 E2E 脚本再次开始传递。

总之，检查您的 E2E 代码是否从其他库导入并删除它们，直到您的脚本开始工作。我还建议尽可能少地制作复制脚本，以便您为删除和测试的每个引用更快地获得结果。

于 2021-10-12T21:43:15.153 回答
0

确保更新您的 test.ts 文件。区域导入必须在区域测试导入之前。

import "zone.js/dist/zone";
import 'zone.js/dist/zone-testing';
import { getTestBed } from '@angular/core/testing';
import {
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';

declare const require: {
  context(path: string, deep?: boolean, filter?: RegExp): {
    keys(): string[];
    <T>(id: string): T;
  };
};

// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
// And load the modules.
context.keys().map(context);

或者可能缺少 src/polyfills.ts 文件/缺少导入：

import 'zone.js/dist/zone';  // Included with Angular CLI.
于 2021-01-21T15:51:04.667 回答