如何在angular服务中模拟httpClient对象

import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';

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

  httpTestingController = TestBed.inject(HttpTestingController);
});

it('should simulate httpClient', () => {
  const service = TestBed.inject(YourService);

  // 发起HTTP请求
  service.makeRequest().subscribe(response => {
    // 处理响应
    expect(response).toEqual(expectedResponse);
  });

  // 拦截HTTP请求
  const req = httpTestingController.expectOne('your-api-url');

  // 断言请求方法和URL
  expect(req.request.method).toEqual('GET');
  expect(req.request.url).toEqual('your-api-url');

  // 模拟响应
  req.flush(expectedResponse);

  // 确保没有其他未处理的请求
  httpTestingController.verify();
});