Jest测试Angular HTTP服务时addQueryPara调用断言失败如何解决

你写的测试有三个直接导致断言失败的问题：

• 你在beforeEach里用jest.spyOn(service, 'customerUpload').mockReturnValue(...)把整个被测方法的真实实现替换掉了，方法内部的逻辑（包括调用addQueryPara、发HTTP请求的代码）根本不会执行，自然不可能触发addQueryPara的调用。
• 你是在执行完service.customerUpload(...)之后才给helper.addQueryPara打间谍函数，间谍注册前函数已经执行完了，根本统计不到调用记录。
• 你直接引入了真实的HttpClientModule，测试执行时会尝试发真实HTTP请求，既会拖慢测试速度，也可能因为请求没被处理导致超时或报错。

1. 移除对customerUpload方法本身的mock，要测方法内部逻辑就不能替换整个方法的实现。
2. 把addQueryPara的间谍注册提前到方法调用之前，测试执行完后恢复原函数避免用例之间污染。
3. 替换HttpClientModule为Angular官方提供的HttpClientTestingModule，隔离真实HTTP请求。

import * as helper from 'app/shared/helper.ts';
import { HttpTestingController, HttpClientTestingModule } from '@angular/common/http/testing';
import { TestBed } from '@angular/core/testing';
// 其他依赖（服务、mock数据等）按你实际路径导入

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

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [HttpClientTestingModule],
    });
    service = TestBed.inject(customerService);
    httpTestingController = TestBed.inject(HttpTestingController);
  });

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

  describe('when customerUpload is called', () => {
    let addQueryParaSpy: jest.SpyInstance;
    
    beforeEach(() => {
      // 提前注册间谍，在方法调用前生效
      addQueryParaSpy = jest.spyOn(helper, 'addQueryPara');
    });

    afterEach(() => {
      // 恢复原实现，避免用例间互相影响
      addQueryParaSpy.mockRestore();
      // 校验没有未处理的多余HTTP请求
      httpTestingController.verify();
    });

    it('should call addQueryPara when name parameter is not empty', () => {
      const testFile = new Blob();
      const testName = 'learn';
      const mockResponse = getMockResponse();

      // 调用真实方法，订阅触发执行
      service.customerUpload(testFile, testName).subscribe(res => {
        expect(res).toEqual(mockResponse);
      });

      // 模拟HTTP请求返回
      const req = httpTestingController.expectOne(/* 替换为你接口的实际请求地址 */);
      expect(req.request.method).toBe('POST');
      req.flush(mockResponse);

      // 断言调用次数和入参
      expect(addQueryParaSpy).toHaveBeenCalledTimes(1);
      expect(addQueryParaSpy).toHaveBeenCalledWith(testName, 'name');
    });

    it('should not call addQueryPara when name is empty string', () => {
      const testFile = new Blob();
      const mockResponse = getMockResponse();

      service.customerUpload(testFile, '').subscribe();

      const req = httpTestingController.expectOne(/* 替换为你接口的实际请求地址 */);
      req.flush(mockResponse);

      expect(addQueryParaSpy).not.toHaveBeenCalled();
    });
  });
});

你贴的服务层业务代码本身存在语法和逻辑错误，就算测试调整完也会运行失败，需要自行修正：

• parameters变量没有提前声明，直接赋值会触发引用错误
• Angular HttpClient的post方法签名为post(url, body, options?)，第一个参数必须是请求URL，你当前把file作为第一个参数传入不符合API要求。

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