在 Angular 13 中,有一些问题可能会导致 Jest 无法正确使用 Angular 库。需要按照以下步骤来解决该问题:
tsconfig.spec.json
文件中正确配置 lib
和 types
。{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/spec",
"baseUrl": "./",
"types": [
"jest",
"node"
],
"lib": [
"dom",
"es2020"
]
},
"exclude": [
"node_modules"
]
}
polyfills.ts
文件中添加以下导入语句和函数。import 'zone.js/testing';
export function getTestBed() {
return TestBed as any;
}
jest.config.js
文件中添加以下设置。module.exports = {
...
globals: {
'ts-jest': {
tsconfig: '/tsconfig.spec.json',
stringifyContentPathRegex: '\\.html$',
astTransformers: {
before: [
'jest-preset-angular/build/InlineFilesTransformer',
'jest-preset-angular/build/StripStylesTransformer'
]
}
}
},
...
};
通过以上步骤处理后,Angular 库将能够正常与 Jest 集成。
上一篇:Angular13(TourofHeroes)-预渲染和刷新视图问题。
下一篇:Angular13,Chart.js,ng2-chartUpdatedatafromAPIdynamically