Unit test Angular 4 getting error `TypeError: Cannot read property 'subscribe' of undefined`

Question

I'm getting error TypeError: Cannot read property 'subscribe' of undefined on unit test, how to fix it?

part of my code:

Spec

 it('makes expected calls', () => {
        const item1: item3 = fixture.debugElement.injector.get(item3);
        spyOn(comp, 'item5');
        spyOn(item1, 'item2');
        comp.item4();
        expect(comp.item5).toHaveBeenCalled();
        expect(item1.item2).toHaveBeenCalled();
    });

if I remove this part of spec I get success.

am I using the subscribe() correct way?

Could you show the IJ in the constructor?

Vega
– Vega

2018-02-16 18:51:46 +00:00
Commented Feb 16, 2018 at 18:51 — Vega
– Vega, Commented Feb 16, 2018 at 18:51

Alexander Staroselsky · Accepted Answer · 2018-02-16 18:58:59Z

5

Try providing a mock Observable Jasmine spy returnValue for the spy created for method isPeriodCycleOpen to provide something for the component to be able subscribe to:

import { Observable } from 'rxjs/Observable';

it('makes expected calls', () => {
    const mockResponse = { cyclePeriodOpen: true, deadLineCycle: 'foobar' };

    const cycleServiceStub: CycleService = fixture.debugElement.injector.get(CycleService);
    spyOn(comp, 'setChartData');
    spyOn(cycleServiceStub, 'isPeriodCycleOpen').and.returnValue(Observable.of(mockResponse));
    comp.getCycleStatus();
    expect(comp.setChartData).toHaveBeenCalled();
    expect(cycleServiceStub.isPeriodCycleOpen).toHaveBeenCalled();
});

Hopefully that helps!

edited Feb 16, 2018 at 18:58

answered Feb 16, 2018 at 18:51

Alexander Staroselsky

39k16 gold badges83 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

deleting Over a year ago

Hey man, thank you for help me, put one more ) after mockResponse) ... I got success =D

Luillyfe · Accepted Answer · 2018-02-16 18:52:44Z

0

I think you are missing the return value of the spyon method, try this:

it('makes expected calls', () => {
    const cycleServiceStub: CycleService = 
    fixture.debugElement.injector.get(CycleService);
    spyOn(comp, 'setChartData');
    spyOn(cycleServiceStub, 'isPeriodCycleOpen')
        .and.callFake(() => Observable.of('yourValue')});
    comp.getCycleStatus();
    expect(comp.setChartData).toHaveBeenCalled();
            expect(cycleServiceStub.isPeriodCycleOpen).toHaveBeenCalled();
});

answered Feb 16, 2018 at 18:52

Luillyfe

6,9828 gold badges39 silver badges51 bronze badges

Collectives™ on Stack Overflow

Unit test Angular 4 getting error `TypeError: Cannot read property 'subscribe' of undefined`

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related