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

在Angular中，`import { HttpTestingController, HttpClientModule } from '@angular/common/http/testing';` 这段代码是在服务端渲染（Server-side Rendering, SSR）或单元测试（Unit Testing）中使用的，主要用于控制和管理HTTP请求的模拟。这两个模块一起提供了一个特殊的测试工具——`HttpTestingController`。

使用它们的步骤如下：

1. **引入依赖**：首先，你需要在你的测试文件中导入这两个模块，它们属于`@angular/common/http/testing`包。

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

2. **配置测试模块**：在`beforeEach()`或`compileComponents()`钩子函数中，启用HttpClient模组以便于测试。

TestBed.configureTestingModule({
  imports: [HttpClientTestingModule]
});

3. **初始化测试控制器**：在每个测试用例开始前，创建一个`HttpTestingController`实例，用于拦截和模拟HTTP请求。

let httpMock: HttpTestingController;
 beforeEach(() => {
   httpMock = TestBed.inject(HttpTestingController);
 });

4. **创建和发送模拟请求**：在测试代码中，你可以使用`httpMock.expectOne()`或`httpMock.expectAny()`方法来创建一个预期的HTTP请求，并在后续的某个时间点确认是否接收到这样的请求。

5. **验证请求和响应**：完成测试后，记得用`flush()`方法来“触发”所有模拟的请求，然后用`verify()`方法来验证是否所有的预期请求都被正确的响应了。

6. **清理资源**：在测试结束后，别忘了关闭`httpMock.verify()`来释放资源。