为TestBed提供"entryComponents"

Question

我有一个组件,它接收组件的组件类,以动态创建为子组件.

let componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentToCreate);
this.componentReference = this.target.createComponent(componentFactory);

我正在尝试编写单元测试并传递一些TestComponent来创建和渲染.

TestBed
  .configureTestingModule(<any>{
    declarations: [MyAwesomeDynamicComponentRenderer, TestHostComponent],
    entryComponents: [TestComponent],
  });

有铸造到"任何"因为configureTestingModule期望TestModuleMetadata没有,entryComponents但我得到错误:"没有为TestComponent找到组件工厂".

我怎样才能提供entryComponents的TestBed？

Answer 1

如果需要,您也可以直接在测试文件中执行以下操作:

import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing'; // DO not forget to Import

TestBed.configureTestingModule({
  declarations: [ MyDynamicComponent ],
}).overrideModule(BrowserDynamicTestingModule, {
  set: {
    entryComponents: [ MyDynamicComponent ],
  }
});

Answer 2

好的,我明白了.在测试中,您应该定义新模块,在其中声明模拟组件并将其指定为模块组件entryComponent.

@NgModule({
  declarations: [TestComponent],
  entryComponents: [
    TestComponent,
  ]
})
class TestModule {}

并将其导入 TestBed

TestBed
  .configureTestingModule({
    declarations: [ValueComponent, TestHostComponent],
    imports: [TestModule],
  });

我希望它会帮助某人:]