Как проверить запрос HttpClient

Question

Мне нужно проверить мой запрос HttpClient. У меня есть следующий тестовый код:

import { TestBed, inject } from '@angular/core/testing';

import { AviorBackendService } from './avior-backend.service';
import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
import { HttpEventType, HttpEvent } from '@angular/common/http';
import { User } from '../models/user.model';

describe('AviorBackendService', () => {
  let httpTestingController: HttpTestingController;
  let service: AviorBackendService;

  beforeEach(() => {
   TestBed.configureTestingModule({
     imports: [HttpClientTestingModule],
     providers: [AviorBackendService],
   });

   httpTestingController = TestBed.get(HttpTestingController);
   service = TestBed.get(AviorBackendService);
  });

  it('should be created', () => {
    expect(service).toBeTruthy();
  });

  it('expects the service to fetch data with proper sorting', () => {
    console.log(service.SERVICE_URL);
    const mockResponse = [{
    _id: 25,
    loginId: 'string',
    lastname: 'string',
    firstname: 'string',
    password: 'string',
    eMail: 'string',
   } as User];

    /*  service.getUserCollection().subscribe(data => {
      expect(data.firstName).toEqual('Namehere');
    });  */
    // const req = httpTestingController
    // .expectOne(req => req.method === 'GET' && req.url === 'http://example.org');
    const req = httpTestingController.expectOne('http://localhost:3000/users');
    expect(req.request.method).toEqual('POST');
    console.log('REQ REQUEST URL:', req.request.url);
    // send the response to the subscribe.
    req.flush(mockResponse as any);
  });
});

Проблема в том, что тест req завершается неудачно с сообщением об ошибке Error: Expected one matching request for criteria "Match URL: http://localhost:3000/users", found none. и Property 'firstName' does not exist on type 'User[]'. выдается на expect(data.firstName).toEqual('Namehere'); (поэтому он закомментирован). Я попробовал исправиться с кодом, следуя совету здесь не помогло. Я попытался исправить код безрезультатно.

Мой user-collection.model.ts:

import { User } from './user.model';

export interface UserCollection {

    user: User[];

}

Мой user.model.ts:

import { Role } from './role';

// was class and not interface!
export interface User {
    _id: number;
    mandator?: number;
    loginId: string;
    lastname: string;
    firstname: string;
    password: string;
    eMail: string;
    group?: string;
    role?: Role;
    active?: boolean;
    token?: string;
}

Мой бэкэнд-код:

export class AviorBackendService {
  readonly SERVICE_URL = 'http://localhost:3000/';
........
getUserCollection() {
    // withCredentials is very important as it passes the JWT cookie needed to authenticate
    return this.client.get<User[]>(this.SERVICE_URL + 'users', { withCredentials: true });
  }

Answer 1

Попробуйте, подписка должна быть раскомментирована, чтобы expectOne заработал.

it('expects the service to fetch data with proper sorting', () => {
    const mockResponse = [{
    _id: 25,
    loginId: 'string',
    lastname: 'string',
    firstname: 'string',
    password: 'string',
    eMail: 'string',
   }];

    service.getUserCollection().subscribe(data => {
      expect(data[0].firstname).toEqual('string');
    });
    const req = httpTestingController.expectOne('http://localhost:3000/users');
    expect(req.request.method).toEqual('GET'); // GET instead of POST
    // send the response to the subscribe.
    req.flush(mockResponse);
  });

Answer 2

firstName 'не существует для типа' User [] '

В атрибуте firstname класса пользователя указан нижний регистр, вам необходимо следовать той же структуре.

Измените имя на имя;