Providing "entryComponents" for a TestBed

Question

I have a component which receives a component class of component to dynamically create as a child.

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

I'm trying to write a unit test and pass some TestComponent for it to create & render.

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

There is casting to "any" because configureTestingModule expects TestModuleMetadata which doesn't have entryComponents but I get error: "No component factory found for TestComponent".

How can I provide the entryComponents to a TestBed?

Answer 1

You can also do it into your test file directly if you want :

import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing'; // DO not forget to Import  TestBed.configureTestingModule({   declarations: [ MyDynamicComponent ], }).overrideModule(BrowserDynamicTestingModule, {   set: {     entryComponents: [ MyDynamicComponent ],   } }); 

Answer 2

Okay, I figured it out. In the test you should define new module where you declare your mock component and specify it as an entryComponent too.

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

And import it into TestBed

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

I hope it will help someone :]