Angular -如何模拟HttpErrorResponse？

在Angular中，我们可以使用HttpTestingController来模拟HttpErrorResponse。HttpTestingController是Angular提供的一个用于测试Http请求的工具类，它可以拦截和模拟Http请求，并提供一系列的辅助方法来验证请求的发送和响应的处理。

以下是一个示例代码，演示如何使用HttpTestingController来模拟HttpErrorResponse：

import { TestBed, inject } from '@angular/core/testing';
import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
import { MyService } from './my.service';

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

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

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

  afterEach(() => {
    httpTestingController.verify(); // 验证没有未处理的请求
  });

  it('should handle HttpErrorResponse', () => {
    const url = 'https://api.example.com/data';

    service.getData().subscribe(
      response => {
        fail('Expected an error response');
      },
      error => {
        expect(error.status).toBe(500);
        expect(error.statusText).toBe('Internal Server Error');
      }
    );

    const req = httpTestingController.expectOne(url);
    expect(req.request.method).toBe('GET');

    // 模拟HttpErrorResponse
    const errorResponse = new HttpErrorResponse({
      error: 'Internal Server Error',
      status: 500,
      statusText: 'Internal Server Error'
    });
    req.error(errorResponse); // 将错误响应返回给请求

    // 这里可以进行进一步的验证或其他操作
  });
});

在上述示例中，我们先创建了一个HttpTestingController实例，然后使用expectOne方法来拦截对指定URL的请求。接下来，我们可以进行各种验证，例如验证请求的方法、请求的参数等。

为了模拟HttpErrorResponse，我们创建了一个HttpErrorResponse实例，并将其传递给拦截的请求的error方法。这样就可以将错误响应返回给发出请求的代码，从而测试对错误响应的处理。

需要注意的是，在每个测试用例结束后，我们需要调用httpTestingController.verify()来验证没有未处理的请求。这是为了确保我们的测试代码正常地处理了所有的请求，避免了未完成的请求导致的测试不稳定性。

参考链接：