Angular testing spyOn on private variable

Question

How test the call on method of private variable ? I must test the call of unsubscribe method when the ngOnDestroy is called.

There is my code

import { Component, OnInit } from '@angular/core';
import { Subscription } from 'rxjs/Subscription';
import { LoaderService } from '@core/components/loaders/services/loader.service';

@Component({
  selector: 'loader-mask',
  templateUrl: './loader-mask.component.html',
  styleUrls: ['./loader-mask.component.css']
})

export class LoaderMaskComponent implements OnInit {

  show = false;
  private subscription: Subscription;

  constructor(private loaderService: LoaderService) { }

  ngOnInit() {
    this.subscription = this.loaderService.loaderState
      .subscribe((state: boolean) => {        
        this.show = state;
      });
  }

  ngOnDestroy() {    
    if (this.subscription)
      this.subscription.unsubscribe();
    }
}

There is my test code

it('should destroy the subscription when destroying', () => {
    const spyUnSubscribe = spyOn(component['subscription'], 'unsubscribe').and.callThrough();
    component.ngOnDestroy();  
    expect(spyUnSubscribe).toHaveBeenCalled();  
    expect(component['subscription']).toBeUndefined();
  });

There is the issue :

Error: <spyOn> : could not find an object to spy upon for unsubscribe()
Usage: spyOn(<object>, <methodName>)

You are subscribing to the service so you could mock/spy the service and control the returned observable and spy on it. — JEY
– JEY, Commented Jan 18, 2018 at 10:09
you cannot access private properties at all. that is why they are private — Aravind
– Aravind, Commented Jan 18, 2018 at 10:10

Verri · Accepted Answer · 2021-10-26 14:07:47Z

3

Put any before spyOn to cheat Typescript compilator.

spyOn<any>(component['subscription'], 'unsubscribe')

answered Oct 26, 2021 at 14:07

Verri

1,60820 silver badges22 bronze badges

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

Comments

saurabh jain · Accepted Answer · 2020-04-15 12:17:55Z

0

Actually something similar like this worked for me

spyOn(loginComponent['loaderSubscription'], 'unsubscribe');
loginComponent.ngOnDestroy();
expect(loginComponent['loaderSubscription'].unsubscribe).toHaveBeenCalled();

answered Apr 15, 2020 at 12:17

saurabh jain

1671 gold badge3 silver badges13 bronze badges

Collectives™ on Stack Overflow

Angular testing spyOn on private variable

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related