How can I mock nested function with Jasmine& Angular

Question

constructor(private searchService: SearchService, private storageService: StorageService) { 
this.searchService.pagesOutput.subscribe(images => {
  this.images = images;
  this.pages = this.searchService.numberOfPages;
  
})

}

I have a service as a dependency injection. I would like to mock it for test. I know how to mock service and some methods

 searchServiceMock = jasmine.createSpyObj('SearchService', ['pagesOutput']);
 searchServiceMock.pagesOutput.and.returnValue(someValue)

But how can I reach nested functions?(searchServiceMock.pagesOutput.subscribe?)

AliF50 · Accepted Answer · 2021-03-21 00:16:49Z

1

Since you're going to be subscribing to the value, if you return an observable, the subscribe will work. To mock an observable, I use of.

import { of } from 'rxjs';
...
searchServiceMock = jasmine.createSpyObj('SearchService', ['pagesOutput']);
searchServiceMock.pagesOutput.and.returnValue(of(/* whatever value you want to be for images in subscribe callback */))

answered Mar 21, 2021 at 0:16

AliF50

19.1k2 gold badges29 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

How can I mock nested function with Jasmine& Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related