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

Question

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?

I think I have found the problem as of now. The HomeModuleComponent must be in the declarations not in the imports. Moreover, can you import a Module in your TestBed? Thanks. — xiotee, Oct 13 '16 at 07:27

score 29 · Accepted Answer · edited Jan 29 '17 at 08:37

29

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);

edited Jan 29 '17 at 08:37

KernelPanic

2,328
7
47
90

answered Jan 29 '17 at 07:21

manjunath shanbhag

306
4
3

score 3 · Answer 2 · answered Jun 05 '18 at 08:56

3

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.

answered Jun 05 '18 at 08:56

Amit Chigadani

28,482
13
80
98

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

2 Answers2

Linked