My Angular HTTP service is responsible for making various HTTP calls. Below is a snippet of the service implementation:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable()
export class APIService {
constructor(private readonly http: HttpClient) {}
public async getUsers<T>(): Promise<T[]> {
return await this.http.get<T[]>('/api/users').toPromise();
}
}
In addition, here's my testing file spec.ts for the APIService:
import { TestBed } from '@angular/core/testing';
import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
import { APIService } from './api.service';
describe('API Service', () => {
let service: APIService;
let controller: HttpTestingController;
beforeEach(() => {
TestBed.configureTestingModule({
imports: [HttpClientTestingModule],
providers: [APIService]
});
service = TetsBed.get(APIService);
controller = TestBed.get(HttpTestingController);
});
it('should create the API service', () => {
expect(service).toBeTruthy();
});
it('should get users', () => {
const expected = [{id: 1, email: '<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d5b0b8b4bcb9e495b1bab8b4bcbbfba1b9b1">[email protected]</a>'},
{id: 2, email: '<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2d48404c44411f6d4942404c4...:
service.getUsers<MyUserClass>().then((res) => {
expect(res).toEqual(expected);
controller.verify();
});
controller.expectOne('/api/users').flush(expected);
});
});
After running ng test, I encounter a message indicating an error:
ERROR: 'Spec 'API Service should get users' has no expectations.'
HeadlessChrome 77.0.3865 (Windows 10.0.0): Executed 13 of 15 SUCCESS (0 secs / 0.256 secs)
HeadlessChrome 77.0.3865 (Windows 10.0.0): Executed 15 of 15 SUCCESS (0.42 secs / 0.28 secs)
TOTAL: 15 SUCCESS
TOTAL: 15 SUCCESS
TOTAL: 15 SUCCESS
Despite the error message, the code seems to be functioning properly. However, any modifications result in errors.
.then((res) => {
// expect(res).toEqual(expected);
expect(res).toBeNull();
controller.verify();
});
Although everything appears functional, why does the error message ERROR: 'Spec 'API Service should get users' has no expectations.' persist? Any insights?
The issue may stem from the use of async/await, as there is no actual wait for its completion, even though it runs without errors. It fails only when incorrect data is provided.
Attempts to resolve by encapsulating in async/fakeAsync methods have been unsuccessful.