我正在用Karma将一个角度工作空间迁移到一个带有Jest的Nx工作区。我有几个问题,其中之一是使用fakeAsync
,这会导致以下错误:
Expected to be running in 'ProxyZone', but it was not found.
我不得不做一些恶作剧来开玩笑,因为我的应用程序使用的是“离子”和“离子本机”。我原以为这个问题与那些恶作剧有关,但我设法制造了一种最小再现。以下是重要的事情:
这是我的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();
});
});
最后,这里是测试设置。
import 'jest-preset-angular';
import 'document-register-element';
import 'zone.js/dist/zone-testing';
这个设置对我来说似乎很普通,我不确定问题在哪一边(nx,jest,jest-预设角?)。
谢谢你的帮忙!
发布于 2020-12-22 16:18:41
通过从我的test-setup.ts文件中删除import 'zone.js/dist/zone-testing';
行,我成功地修复了这个问题。我不知道为什么这个能修好它。我知道jest预设的角度补丁描述/测试函数,以便它们在Zone.js中工作。我猜zone.js/dist/zone-测试覆盖了修补程序或什么的。
https://stackoverflow.com/questions/65411822
复制相似问题