angular - “预计在 'ProxyZone' 中运行,但没有找到。” 开玩笑的
问题描述
我正在将带有 Karma 的 Angular 工作区迁移到带有 Jest 的 Nx 工作区。我有几个问题,其中一个是 use fakeAsync
,这会导致以下错误:
Expected to be running in 'ProxyZone', but it was not found.
因为我的应用程序使用了@ionic 和@ionic-native,所以我不得不做一些恶作剧才能让笑话发挥作用。我认为这个问题与所说的恶作剧有关,但我设法在这里进行了一种最小的复制。以下是重要的东西:
这是我的jest.preset.js。
const nxPreset = require('@nrwl/jest/preset');
module.exports = {
...nxPreset,
testMatch: ['**/+(*.)+(spec|test).+(ts|js)?(x)'],
transform: {
'^.+\\.(ts|js|html)$': 'ts-jest',
},
testEnvironment: 'jest-environment-jsdom-fourteen',
resolver: '@nrwl/jest/plugins/resolver',
moduleFileExtensions: ['ts', 'js', 'html'],
coverageReporters: ['html'],
};
这是我的jest.config.js。
module.exports = {
preset: '../../jest.preset.js',
coverageDirectory: '../../coverage/apps/products',
snapshotSerializers: [
'jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js',
'jest-preset-angular/build/AngularSnapshotSerializer.js',
'jest-preset-angular/build/HTMLCommentSerializer.js',
],
setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
globals: {
'ts-jest': {
tsConfig: '<rootDir>/tsconfig.spec.json',
stringifyContentPathRegex: '\\.(html|svg)$',
astTransformers: {
before: [
'jest-preset-angular/build/InlineFilesTransformer',
'jest-preset-angular/build/StripStylesTransformer',
],
},
},
},
displayName: 'products',
};
最后,这是我的测试文件。
describe('AppComponent', () => {
let fixture: ComponentFixture<AppComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [RouterTestingModule],
declarations: [AppComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
}).compileComponents();
fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
}));
// This test gives me an error.
it('should create the app', fakeAsync(() => {
const app = fixture.debugElement.componentInstance;
expect(app).toBeTruthy();
}));
// This test passes.
it(`should render the header`, () => {
expect(
fixture.nativeElement.querySelector('nx-example-header')
).toBeTruthy();
});
});
最后,这是test-setup.ts。
import 'jest-preset-angular';
import 'document-register-element';
import 'zone.js/dist/zone-testing';
这个设置对我来说似乎很普通,我不确定问题出在哪一边(nx,jest,jest-preset-angular?)。
谢谢你的帮助!
解决方案
我设法通过import 'zone.js/dist/zone-testing';
从我的test-setup.ts文件中删除该行来解决这个问题。我不知道为什么这会解决它。我知道 jest-preset-angular补丁描述/测试功能,以便它们在 Zone.js 中工作。我猜zone.js/dist/zone-testing覆盖了补丁或其他东西。
推荐阅读
- ios - 如何在 Swift 中使用 Codable 协议进行解码时进行区分?
- python-3.x - 使用 Python 在运行时将硒结果/输出保存在文本文件中
- java - 为泛型类型扩展 Object[]
- r - 仅当它们具有匹配的元素名称时才从列表中提取记录
- laravel - 如何为laravel中的某些人制作不可点击的动态菜单?
- r - R 可以在 AWS Lambda 函数中与 AWS S3 一起使用吗?
- javascript - 如何在ajax中获取PHP数组作为responseText以便稍后将其从ajax传递给某些div
- java - 如何在 Java 中进行列表理解
- python - 使用 pyinstaller 将“.py 文件”(具有“导入栅格”)转换为“.exe 文件”时出现“导入错误:DLL 加载失败”
- r - R:如何在我的数据上使用用户定义的函数