Angular单元测试：如何在发送请求前验证请求体构建正确性

嘿，我来帮你搞定这个单元测试的难题！你不需要纠结私有函数的测试，也不用发起真实HTTP请求，只需要通过mock依赖服务并捕获传入的参数，就能轻松验证myBody的构建是否正确。

核心思路 #

我们的目标是验证myCoolFunction最终生成的myBody是否符合预期，而不是测试私有函数buildMyBody的内部实现。所以只需要：

• Mock掉sendService，避免真实HTTP请求
• 调用myCoolFunction后，捕获sendService.send方法接收到的myBody参数
• 将捕获的参数和预期值做对比

具体实现步骤 #

1. 准备Mock服务

首先创建一个Mock版本的sendService，用间谍函数（spy）来追踪send方法的调用，并返回一个空的Observable（避免订阅报错）：

import { of } from 'rxjs';
import { SendService } from 'path-to-your-send-service';

class MockSendService {
  // 创建间谍函数，模拟send方法
  send = jasmine.createSpy('send').and.returnValue(of({}));
}

2. 配置测试环境

在测试的beforeEach中，用TestBed配置我们的服务，替换真实的sendService为Mock版本：

import { TestBed } from '@angular/core/testing';
import { MyService } from 'path-to-your-service';

describe('MyService', () => {
  let service: MyService;
  let sendService: jasmine.SpyObj<SendService>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [
        MyService,
        // 用Mock服务替换真实的SendService
        { provide: SendService, useClass: MockSendService }
      ]
    });

    service = TestBed.inject(MyService);
    // 类型断言为SpyObj，方便后续调用间谍方法
    sendService = TestBed.inject(SendService) as jasmine.SpyObj<SendService>;
  });

3. 编写测试用例

现在编写测试用例，传入预期参数，调用方法后验证myBody：

it('should build correct myBody when calling myCoolFunction', () => {
    // 准备测试参数：number是3，因为count=3+1=4
    const testParams = {
      name: 'Jack',
      customColor: 'Orange',
      number: 3
    };

    // 调用要测试的方法
    service.myCoolFunction(testParams);

    // 获取send方法最近一次调用的第一个参数（也就是myBody）
    const receivedMyBody = sendService.send.calls.mostRecent().args[0];

    // 逐一验证属性是否符合预期
    expect(receivedMyBody.name).toBe('Jack');
    expect(receivedMyBody.color).toBe('Orange');
    expect(receivedMyBody.count).toBe(4);

    // 可选：验证myBody是buildMyBodyModel的实例
    expect(receivedMyBody instanceof buildMyBodyModel).toBe(true);
  });
});

为什么这么做？ #

• 我们测试的是myCoolFunction的行为（生成正确的myBody并传给sendService），而不是私有函数的实现细节，这样即使后续重构buildMyBody的代码，只要行为不变，测试依然能通过。
• Mock服务完全隔离了HTTP请求的影响，测试速度快且稳定。

内容的提问来源于stack exchange，提问作者Igor