在开发需要和NgRx存储测试套件的组件时,我失败了,并且我收到一条消息,指出...
“无法解析NavComponent的所有参数:(?)。”
● AppComponent › should create the app
Can't resolve all parameters for NavComponent: (?).
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 src/app/app.component.spec.ts:32:8
at ZoneDelegate.Object.<anonymous>.ZoneDelegate.invoke (node_modules/zone.js/dist/zone.js:391:26)
at ProxyZonespec.Object.<anonymous>.ProxyZonespec.onInvoke (node_modules/zone.js/dist/proxy.js:129:39)
at ZoneDelegate.Object.<anonymous>.ZoneDelegate.invoke (node_modules/zone.js/dist/zone.js:390:52)
at Zone.Object.<anonymous>.Zone.run (node_modules/zone.js/dist/zone.js:150:43)
我的测试台配置
describe('AppComponent',() => {
let router: Router;
let location: Location;
let store: MockStore<ApplicationState>;
const initialState: ApplicationState = {
root: {
user: null,tabs: null
}
};
beforeEach(() => {
TestBed.configureTestingModule({
imports: [RouterTestingModule.withRoutes(routes),MaterialsModule],declarations: [AppComponent,NavComponent],providers: [provideMockStore({ initialState })]
}).compileComponents();
router = TestBed.get(Router);
location = TestBed.get(Location);
store = TestBed.get<Store<ApplicationState>>(Store);
router.initialNavigation();
});
组件
@Component({
selector: 'af3-nav',templateUrl: './nav.component.html',styleUrls: ['./nav.component.css']
})
export class NavComponent implements OnInit {
tabs$: Observable<NavTab[]>;
constructor(private store: Store<fromStore.ApplicationState>) {}
ngOnInit() {
// this.tabs$ = this.store.pipe(select(fromStore.selectTabsForUserState));
}
}
我也尝试导入StoreModule,但是根据ngrx.io,这是不必要的,因为provideMockStore()
设置了配置reducer所需的所有提供程序。
错误和堆栈跟踪不是很有帮助。
在此先感谢您的帮助。
更新:事实证明,测试平台无法注入任何引用的服务。我创建了一个测试服务并尝试运行该测试,但是在运行测试时收到了相同的错误。
更新:NGRX绝对不是问题。为了添加更多上下文,我一直在尝试跟踪此问题。当前没有提供者可以解决。我用Jest代替了Jasmine,看来Jest可能是问题所在。