Angular2 @Viewchild unit test

Question

Angular2 @Viewchild unit test

I have a component like this:

export class ParentComponent implements OnInit, OnDestroy {


    @ViewChild(ChildComponent) childComponent: ChildComponent;
}

which uses childComponent

to make the call, let's say:

this.childComponent.method();

inside the method ParentComponent

.

So, when I try to test a method ParentComponent

that internally uses childComponent

, childComponent is returned as undefined.

How to solve a problem?

+6

unit-testing angular testbed

Ankur Mukherjee 09 Aug 17 at 7:15 am

source to share

2 answers

Tushar Pol · Answer 1 · 2018-12-04T10:36:48+0000

Declare an attribute for the child component inside.

let childFixture: ComponentFixture<childComponent>;

And now instantiate the component using

let childComp = childFixture.componentInstance;

omri.s · Answer 2 · 2017-08-20T13:44:12+0000

Most of the time, when you want to use the ViewChild in your test, just add it to your test declaration like this:

beforeEach(async(() => {
        TestBed
            .configureTestingModule({
                imports: [],
                declarations: [ChildComponent],
                providers: [],
            })
            .compileComponents()

Angular2 @Viewchild unit test

More articles: