I'm currently facing a challenge while unit testing my Angular application. I need to make an HTTP call on a local file, but the expects of the test are getting called before and after the HTTP call, causing it to crash. How can I resolve this issue?
My current approach is to place the expects inside the .subscribe of the HTTP call:
fit('should fetch local file and process it', (done: DoneFn) => {
let file: File;
var blob: Blob;
httpMockService.get('/assets/testFiles/testImage.png', {
responseType: 'blob' }).subscribe((resp: any) => {
blob = resp;
file = new File([blob], 'logo.png',
{ type: 'image/png', lastModified: Date.now() });
component.submitFile(file); <- gets called second
expect(component.canBeProgressed).toEqual(true); <- gets called first
expect(component.submitted).toEqual(false);
done();
});
The problem lies in the fact that the expected values are incorrect because component.submitFile is being called after the expects. I attempted using a spy, but it didn't work. Can anyone provide assistance?
Edit: The submitFile() method includes a FileReader that loads the image and manipulates its pixels. I believe this may be causing the issue.