Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Angular 2.0.0 - Testing " imported by the module 'DynamicTestModule' "

I am having a problem in testing app.component.ts in Angular 2. I am using angular-cli. Whenever I run ng test, my app.component.spec.ts makes the console prompt with the error:

 Failed: Unexpected directive 'HomeModuleComponent' imported by the module 'DynamicTestModule'
 Error: Unexpected directive 'HomeModuleComponent' imported by the module 'DynamicTestModule'

I imported the HomeModuleComponent in TestBed

TestBed.configureTestingModule({
  declarations: [AppComponent],
  imports : [ HomeModuleComponent ]
});

Can anyone help me with this problem?

like image 398
xiotee Avatar asked Oct 13 '16 07:10

xiotee


2 Answers

HomeModuleComponent is Component not the Module, so it has to be in declarations:

TestBed.configureTestingModule({
  declarations: [AppComponent, HomeModuleComponent],
  imports : [ ]
});

and then you can create the component to test as,

TestBed.createComponent(AppComponent);
like image 194
manjunath shanbhag Avatar answered Oct 18 '22 10:10

manjunath shanbhag


In my test spec, by mistake I was importing a service instead of providing it. I was getting the same error.

Adding the service back inside providers array resolved my error.

like image 28
Amit Chigadani Avatar answered Oct 18 '22 11:10

Amit Chigadani