Angular + Jest:无法解析 AppComponent 的所有参数:(?) [英] Angular + Jest: Can't resolve all parameters for AppComponent: (?)
问题描述
我在 Typescript Monorepo 中操作.我想向 Monorepo 添加一个带有 Jest 测试的 Angular 8 前端.但我遇到了一些问题.
我正在使用
Angular CLI:8.3.5
我做了什么
<块引用>我将使用
一切正常.
2.添加笑话
<块引用>我正在使用
运行 jest
导致以下错误:
$ 开玩笑失败 src/app/app.component.spec.ts● 测试套件运行失败找不到文件:<rootDir>/src/tsconfig.spec.json(解析为:/home/flo/Desktop/stackoverflow-monorepo-angular-jest/services/frontend/src/tsconfig.spec.json)在 ConfigSet.resolvePath (node_modules/ts-jest/dist/config/config-set.js:712:19)在 ConfigSet.get (node_modules/ts-jest/dist/config/config-set.js:202:67)在 ConfigSet.tsJest (node_modules/ts-jest/dist/util/memoize.js:43:24)在 ConfigSet.get (node_modules/ts-jest/dist/config/config-set.js:297:41)在 ConfigSet.versions (node_modules/ts-jest/dist/util/memoize.js:43:24)在 ConfigSet.get (node_modules/ts-jest/dist/config/config-set.js:583:32)在 ConfigSet.jsonValue (node_modules/ts-jest/dist/util/memoize.js:43:24)在 ConfigSet.get [as cacheKey] (node_modules/ts-jest/dist/config/config-set.js:598:25)在 TsJestTransformer.getCacheKey (node_modules/ts-jest/dist/ts-jest-transformer.js:126:36)在 ScriptTransformer._getCacheKey (node_modules/@jest/transform/build/ScriptTransformer.js:266:23)测试套件:1 个失败,总共 1 个测试:0 总快照:共 0 个时间:1.267s运行所有测试套件.
3.修复错误
Jest 试图在错误的文件夹中找到 tsconfig.spec.json
.幸运的是,我找到了
4.我的问题
我现在已经将 Angular HttClient
添加到我的 AppComponent
:
//app.component.ts从@angular/core"导入{组件};从'@angular/common/http' 导入 { HttpClient };@成分({选择器:'app-root',templateUrl: './app.component.html',styleUrls: ['./app.component.css'],})导出类 AppComponent {标题 = '前端';构造函数(私有 http:HttpClient){}}
我还将 HttpClientModule
添加到 app.module.ts
和 app.component 中的
.imports
.规范
//app.module.ts从'@angular/platform-browser' 导入 { BrowserModule };从'@angular/core' 导入 { NgModule };从'@angular/common/http'导入{HttpClientModule};import { AppRoutingModule } from './app-routing.module';从 './app.component' 导入 { AppComponent };@NgModule({声明:[AppComponent],进口:[BrowserModule,AppRoutingModule,HttpClientModule],提供者:[],引导程序:[AppComponent],})导出类 AppModule {}
//app.component.spec.ts从@angular/core/testing"导入 { TestBed, async };从 '@angular/router/testing' 导入 { RouterTestingModule };从 './app.component' 导入 { AppComponent };从@angular/common/http"导入 { HttpClientModule, HttpClient };描述('AppComponent',()=> {beforeEach(async(() => {TestBed.configureTestingModule({进口:[RouterTestingModule,HttpClientModule],声明:[AppComponent],}).compileComponents();}));it('应该创建应用程序', () => {const fixture = TestBed.createComponent(AppComponent);const app = fixture.debugElement.componentInstance;期望(应用程序).toBeTruthy();});它(`应该有标题'前端'`,()=> {const fixture = TestBed.createComponent(AppComponent);const app = fixture.debugElement.componentInstance;期望(app.title).toEqual('frontend');});it('应该呈现标题', () => {const fixture = TestBed.createComponent(AppComponent);夹具.detectChanges();const 编译 = fixture.debugElement.nativeElement;expect(compiled.querySelector('.content span').textContent).toContain('前端应用程序正在运行!');});});
但是,在运行 jest
时,我收到以下错误:
$ 开玩笑失败 src/app/app.component.spec.ts应用组件✕ 应该创建应用程序(449 毫秒)✕ 标题应为前端"(10 毫秒)✕ 应该渲染标题(10 毫秒)● AppComponent › 应该创建应用程序无法解析 AppComponent 的所有参数:(?).在语法错误 (../../../packages/compiler/src/util.ts:100:17)在 CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)在 CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)在 CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)在 CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)在 ../../../packages/compiler/src/jit/compiler.ts:135:36在 Array.forEach (<匿名>)在 ../../../packages/compiler/src/jit/compiler.ts:133:65在 Array.forEach (<匿名>)在 JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)在 JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)在 JitCompiler.compileModuleAndAllComponentsAsync (../../../packages/compiler/src/jit/compiler.ts:69:33)在 CompilerImpl.compileModuleAndAllComponentsAsync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:69:27)在 TestingCompilerImpl.compileModuleAndAllComponentsAsync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:57:27)在 TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:362:27)在 Function.TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:160:66)在 testing_1.async (src/app/app.component.spec.ts:11:8)● AppComponent › 应该创建应用程序无法解析 AppComponent 的所有参数:(?).在语法错误 (../../../packages/compiler/src/util.ts:100:17)在 CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)在 CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)在 CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)在 CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)在 ../../../packages/compiler/src/jit/compiler.ts:135:36在 Array.forEach (<匿名>)在 ../../../packages/compiler/src/jit/compiler.ts:133:65在 Array.forEach (<匿名>)在 JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)在 JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)在 JitCompiler.compileModuleAndAllComponentsSync (../../../packages/compiler/src/jit/compiler.ts:65:38)在 CompilerImpl.compileModuleAndAllComponentsSync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:61:35)在 TestingCompilerImpl.compileModuleAndAllComponentsSync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:52:27)在 TestBedViewEngine._initIfNeeded (../../../../packages/core/testing/src/test_bed.ts:376:28)在 TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:570:10)在 Function.TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:232:36)在它 (src/app/app.component.spec.ts:15:29)● AppComponent › 应具有标题前端"无法解析 AppComponent 的所有参数:(?).在语法错误 (../../../packages/compiler/src/util.ts:100:17)在 CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)在 CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)在 CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)在 CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)在 ../../../packages/compiler/src/jit/compiler.ts:135:36在 Array.forEach (<匿名>)在 ../../../packages/compiler/src/jit/compiler.ts:133:65在 Array.forEach (<匿名>)在 JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)在 JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)在 JitCompiler.compileModuleAndAllComponentsAsync (../../../packages/compiler/src/jit/compiler.ts:69:33)在 CompilerImpl.compileModuleAndAllComponentsAsync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:69:27)在 TestingCompilerImpl.compileModuleAndAllComponentsAsync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:57:27)在 TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:362:27)在 Function.TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:160:66)在 testing_1.async (src/app/app.component.spec.ts:11:8)● AppComponent › 应具有标题前端"无法解析 AppComponent 的所有参数:(?).在语法错误 (../../../packages/compiler/src/util.ts:100:17)在 CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)在 CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)在 CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)在 CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)在 ../../../packages/compiler/src/jit/compiler.ts:135:36在 Array.forEach (<匿名>)在 ../../../packages/compiler/src/jit/compiler.ts:133:65在 Array.forEach (<匿名>)在 JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)在 JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)在 JitCompiler.compileModuleAndAllComponentsSync (../../../packages/compiler/src/jit/compiler.ts:65:38)在 CompilerImpl.compileModuleAndAllComponentsSync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:61:35)在 TestingCompilerImpl.compileModuleAndAllComponentsSync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:52:27)在 TestBedViewEngine._initIfNeeded (../../../../packages/core/testing/src/test_bed.ts:376:28)在 TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:570:10)在 Function.TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:232:36)在它 (src/app/app.component.spec.ts:21:29)● AppComponent › 应该呈现标题无法解析 AppComponent 的所有参数:(?).在语法错误 (../../../packages/compiler/src/util.ts:100:17)在 CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)在 CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)在 CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)在 CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)在 ../../../packages/compiler/src/jit/compiler.ts:135:36在 Array.forEach (<匿名>)在 ../../../packages/compiler/src/jit/compiler.ts:133:65在 Array.forEach (<匿名>)在 JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)在 JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)在 JitCompiler.compileModuleAndAllComponentsAsync (../../../packages/compiler/src/jit/compiler.ts:69:33)在 CompilerImpl.compileModuleAndAllComponentsAsync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:69:27)在 TestingCompilerImpl.compileModuleAndAllComponentsAsync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:57:27)在 TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:362:27)在 Function.TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:160:66)在 testing_1.async (src/app/app.component.spec.ts:11:8)● AppComponent › 应该呈现标题无法解析 AppComponent 的所有参数:(?).在语法错误 (../../../packages/compiler/src/util.ts:100:17)在 CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)在 CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)在 CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)在 CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)在 ../../../packages/compiler/src/jit/compiler.ts:135:36在 Array.forEach (<匿名>)在 ../../../packages/compiler/src/jit/compiler.ts:133:65在 Array.forEach (<匿名>)在 JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)在 JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)在 JitCompiler.compileModuleAndAllComponentsSync (../../../packages/compiler/src/jit/compiler.ts:65:38)在 CompilerImpl.compileModuleAndAllComponentsSync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:61:35)在 TestingCompilerImpl.compileModuleAndAllComponentsSync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:52:27)在 TestBedViewEngine._initIfNeeded (../../../../packages/core/testing/src/test_bed.ts:376:28)在 TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:570:10)在 Function.TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:232:36)在它(src/app/app.component.spec.ts:27:29)测试套件:1 个失败,总共 1 个测试:3 次失败,总共 3 次快照:共 0 个时间:1.682s,估计2s运行所有测试套件.错误 命令失败,退出代码为 1.
测试在使用 Jasmine + Karma 时运行得很好.使用 jest 进行测试时,依赖注入似乎出了问题.
您可以在此处找到存储库:https://github.com/flolude/stackoverflow-monorepo-angular-jest/commit/9a2d8cac0dfa25a5f6620f38238c3f577b2acb63 自己尝试一下.
只需在 tsconfig.spec.json
emitDecoratorMetadata 设置为 true
>.
这允许 ts-jest
在 TypeScript 转译期间不会丢失元数据.jest-preset-angular
开发人员在 Angular 更新到 8.1 版本后出现了这个问题
这是 jest-preset-angular
GitHub 上的问题:https://github.com/thymikee/jest-preset-angular/issues/288
I am operating inside a Typescript Monorepo. I want to add an Angular 8 frontend with Jest testing to the Monorepo. But I am encountering some issues.
I am using
Angular CLI: 8.3.5
What I did
I will use this repository as a starting point!
1. Create Angular Application
Then in <root>/services
I ran:
ng new frontend
After the Angular application was created I was able to run ng test
with the following result:
Everything works fine.
2. Add Jest
I am using https://github.com/briebug/jest-schematic to easily add Jest to my Angular application
yarn global add @briebug/jest-schematic
ng add @briebug/jest-schematic
This results in the following changes
Running jest
results in the following error:
$ jest
FAIL src/app/app.component.spec.ts
● Test suite failed to run
File not found: <rootDir>/src/tsconfig.spec.json (resolved as: /home/flo/Desktop/stackoverflow-monorepo-angular-jest/services/frontend/src/tsconfig.spec.json)
at ConfigSet.resolvePath (node_modules/ts-jest/dist/config/config-set.js:712:19)
at ConfigSet.get (node_modules/ts-jest/dist/config/config-set.js:202:67)
at ConfigSet.tsJest (node_modules/ts-jest/dist/util/memoize.js:43:24)
at ConfigSet.get (node_modules/ts-jest/dist/config/config-set.js:297:41)
at ConfigSet.versions (node_modules/ts-jest/dist/util/memoize.js:43:24)
at ConfigSet.get (node_modules/ts-jest/dist/config/config-set.js:583:32)
at ConfigSet.jsonValue (node_modules/ts-jest/dist/util/memoize.js:43:24)
at ConfigSet.get [as cacheKey] (node_modules/ts-jest/dist/config/config-set.js:598:25)
at TsJestTransformer.getCacheKey (node_modules/ts-jest/dist/ts-jest-transformer.js:126:36)
at ScriptTransformer._getCacheKey (node_modules/@jest/transform/build/ScriptTransformer.js:266:23)
Test Suites: 1 failed, 1 total
Tests: 0 total
Snapshots: 0 total
Time: 1.267s
Ran all test suites.
3. Fixing Errors
Jest tries to find the tsconfig.spec.json
in the wrong folder. Fortunately, I found a fix. I needed to change the jest.config.js
module.exports = {
preset: 'jest-preset-angular',
setupFilesAfterEnv: ['<rootDir>/src/setup-jest.ts'],
globals: {
'ts-jest': {
tsConfig: '<rootDir>/tsconfig.spec.json',
diagnostics: false,
stringifyContentPathRegex: '\\.html$',
astTransformers: [require.resolve('jest-preset-angular/InlineHtmlStripStylesTransformer')],
},
},
};
Now when I run jest
it works:
4. My Issue
I've now added the Angular HttClient
to my AppComponent
:
// app.component.ts
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
})
export class AppComponent {
title = 'frontend';
constructor(private http: HttpClient) {}
}
I've also added the HttpClientModule
to app.module.ts
and to the imports
in the app.component.spec.ts
.
// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, AppRoutingModule, HttpClientModule],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
// app.component.spec.ts
import { TestBed, async } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';
import { HttpClientModule, HttpClient } from '@angular/common/http';
describe('AppComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [RouterTestingModule, HttpClientModule],
declarations: [AppComponent],
}).compileComponents();
}));
it('should create the app', () => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app).toBeTruthy();
});
it(`should have as title 'frontend'`, () => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app.title).toEqual('frontend');
});
it('should render title', () => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.debugElement.nativeElement;
expect(compiled.querySelector('.content span').textContent).toContain('frontend app is running!');
});
});
However, when running jest
, I get the following errors:
$ jest
FAIL src/app/app.component.spec.ts
AppComponent
✕ should create the app (449ms)
✕ should have as title 'frontend' (10ms)
✕ should render title (10ms)
● AppComponent › should create the app
Can't resolve all parameters for AppComponent: (?).
at syntaxError (../../../packages/compiler/src/util.ts:100:17)
at CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)
at CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)
at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)
at CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)
at ../../../packages/compiler/src/jit/compiler.ts:135:36
at Array.forEach (<anonymous>)
at ../../../packages/compiler/src/jit/compiler.ts:133:65
at Array.forEach (<anonymous>)
at JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)
at JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)
at JitCompiler.compileModuleAndAllComponentsAsync (../../../packages/compiler/src/jit/compiler.ts:69:33)
at CompilerImpl.compileModuleAndAllComponentsAsync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:69:27)
at TestingCompilerImpl.compileModuleAndAllComponentsAsync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:57:27)
at TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:362:27)
at Function.TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:160:66)
at testing_1.async (src/app/app.component.spec.ts:11:8)
● AppComponent › should create the app
Can't resolve all parameters for AppComponent: (?).
at syntaxError (../../../packages/compiler/src/util.ts:100:17)
at CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)
at CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)
at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)
at CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)
at ../../../packages/compiler/src/jit/compiler.ts:135:36
at Array.forEach (<anonymous>)
at ../../../packages/compiler/src/jit/compiler.ts:133:65
at Array.forEach (<anonymous>)
at JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)
at JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)
at JitCompiler.compileModuleAndAllComponentsSync (../../../packages/compiler/src/jit/compiler.ts:65:38)
at CompilerImpl.compileModuleAndAllComponentsSync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:61:35)
at TestingCompilerImpl.compileModuleAndAllComponentsSync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:52:27)
at TestBedViewEngine._initIfNeeded (../../../../packages/core/testing/src/test_bed.ts:376:28)
at TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:570:10)
at Function.TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:232:36)
at it (src/app/app.component.spec.ts:15:29)
● AppComponent › should have as title 'frontend'
Can't resolve all parameters for AppComponent: (?).
at syntaxError (../../../packages/compiler/src/util.ts:100:17)
at CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)
at CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)
at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)
at CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)
at ../../../packages/compiler/src/jit/compiler.ts:135:36
at Array.forEach (<anonymous>)
at ../../../packages/compiler/src/jit/compiler.ts:133:65
at Array.forEach (<anonymous>)
at JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)
at JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)
at JitCompiler.compileModuleAndAllComponentsAsync (../../../packages/compiler/src/jit/compiler.ts:69:33)
at CompilerImpl.compileModuleAndAllComponentsAsync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:69:27)
at TestingCompilerImpl.compileModuleAndAllComponentsAsync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:57:27)
at TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:362:27)
at Function.TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:160:66)
at testing_1.async (src/app/app.component.spec.ts:11:8)
● AppComponent › should have as title 'frontend'
Can't resolve all parameters for AppComponent: (?).
at syntaxError (../../../packages/compiler/src/util.ts:100:17)
at CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)
at CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)
at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)
at CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)
at ../../../packages/compiler/src/jit/compiler.ts:135:36
at Array.forEach (<anonymous>)
at ../../../packages/compiler/src/jit/compiler.ts:133:65
at Array.forEach (<anonymous>)
at JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)
at JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)
at JitCompiler.compileModuleAndAllComponentsSync (../../../packages/compiler/src/jit/compiler.ts:65:38)
at CompilerImpl.compileModuleAndAllComponentsSync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:61:35)
at TestingCompilerImpl.compileModuleAndAllComponentsSync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:52:27)
at TestBedViewEngine._initIfNeeded (../../../../packages/core/testing/src/test_bed.ts:376:28)
at TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:570:10)
at Function.TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:232:36)
at it (src/app/app.component.spec.ts:21:29)
● AppComponent › should render title
Can't resolve all parameters for AppComponent: (?).
at syntaxError (../../../packages/compiler/src/util.ts:100:17)
at CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)
at CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)
at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)
at CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)
at ../../../packages/compiler/src/jit/compiler.ts:135:36
at Array.forEach (<anonymous>)
at ../../../packages/compiler/src/jit/compiler.ts:133:65
at Array.forEach (<anonymous>)
at JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)
at JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)
at JitCompiler.compileModuleAndAllComponentsAsync (../../../packages/compiler/src/jit/compiler.ts:69:33)
at CompilerImpl.compileModuleAndAllComponentsAsync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:69:27)
at TestingCompilerImpl.compileModuleAndAllComponentsAsync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:57:27)
at TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:362:27)
at Function.TestBedViewEngine.compileComponents (../../../../packages/core/testing/src/test_bed.ts:160:66)
at testing_1.async (src/app/app.component.spec.ts:11:8)
● AppComponent › should render title
Can't resolve all parameters for AppComponent: (?).
at syntaxError (../../../packages/compiler/src/util.ts:100:17)
at CompileMetadataResolver._getDependenciesMetadata (../../../packages/compiler/src/metadata_resolver.ts:957:27)
at CompileMetadataResolver._getTypeMetadata (../../../packages/compiler/src/metadata_resolver.ts:836:20)
at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:377:18)
at CompileMetadataResolver.loadDirectiveMetadata (../../../packages/compiler/src/metadata_resolver.ts:224:11)
at ../../../packages/compiler/src/jit/compiler.ts:135:36
at Array.forEach (<anonymous>)
at ../../../packages/compiler/src/jit/compiler.ts:133:65
at Array.forEach (<anonymous>)
at JitCompiler._loadModules (../../../packages/compiler/src/jit/compiler.ts:130:71)
at JitCompiler._compileModuleAndAllComponents (../../../packages/compiler/src/jit/compiler.ts:115:32)
at JitCompiler.compileModuleAndAllComponentsSync (../../../packages/compiler/src/jit/compiler.ts:65:38)
at CompilerImpl.compileModuleAndAllComponentsSync (../../../packages/platform-browser-dynamic/src/compiler_factory.ts:61:35)
at TestingCompilerImpl.compileModuleAndAllComponentsSync (../../../../packages/platform-browser-dynamic/testing/src/compiler_factory.ts:52:27)
at TestBedViewEngine._initIfNeeded (../../../../packages/core/testing/src/test_bed.ts:376:28)
at TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:570:10)
at Function.TestBedViewEngine.createComponent (../../../../packages/core/testing/src/test_bed.ts:232:36)
at it (src/app/app.component.spec.ts:27:29)
Test Suites: 1 failed, 1 total
Tests: 3 failed, 3 total
Snapshots: 0 total
Time: 1.682s, estimated 2s
Ran all test suites.
error Command failed with exit code 1.
The tests run just fine when using Jasmine + Karma. It seems like something went wrong with the dependency injection when using jest for testing.
You can find the repository here: https://github.com/flolude/stackoverflow-monorepo-angular-jest/commit/9a2d8cac0dfa25a5f6620f38238c3f577b2acb63 to try it yourself.
Just set the emitDecoratorMetadata
to true
in your tsconfig.spec.json
.
This allows the ts-jest
not to lose the metadata during the TypeScript transpilation. This issue came unexpected for jest-preset-angular
developer after the Angular updated to version 8.1
Here's the issue on jest-preset-angular
GitHub: https://github.com/thymikee/jest-preset-angular/issues/288
这篇关于Angular + Jest:无法解析 AppComponent 的所有参数:(?)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!