Angular服务中含多服务调用方法的单元测试问题

先明确主服务核心逻辑示例 #

假设你的主服务（比如命名为MainService）代码结构大致如下：

import { Injectable } from '@angular/core';
import { ServiceA } from './service-a';
import { ServiceB } from './service-b';

@Injectable()
export class MainService {
  constructor(private serviceA: ServiceA, private serviceB: ServiceB) {}

  getData(): string {
    if (this.serviceA.isReturnTrue() && this.serviceB.isEligible) {
      return '结果1';
    } else if (this.serviceA.isReturnTrue() && !this.serviceB.isEligible) {
      return '结果2';
    } else if (!this.serviceA.isReturnTrue() && this.serviceB.isEligible) {
      return '结果3';
    } else {
      return '默认结果';
    }
  }
}

单元测试编写步骤 #

1. 配置测试模块 #

在main.service.spec.ts中，导入必要模块与服务，通过TestBed配置测试环境，提供模拟的ServiceA和ServiceB：

import { TestBed } from '@angular/core/testing';
import { MainService } from './main.service';
import { ServiceA } from './service-a';
import { ServiceB } from './service-b';

describe('MainService', () => {
  let mainService: MainService;
  let serviceA: jasmine.SpyObj<ServiceA>;
  let serviceB: ServiceB;

  beforeEach(() => {
    // 创建带isReturnTrue方法的ServiceA spy对象
    const serviceASpy = jasmine.createSpyObj('ServiceA', ['isReturnTrue']);
    // 创建模拟的ServiceB对象，用于控制isEligible属性
    const serviceBMock = { isEligible: false };

    TestBed.configureTestingModule({
      providers: [
        MainService,
        { provide: ServiceA, useValue: serviceASpy },
        { provide: ServiceB, useValue: serviceBMock }
      ]
    });

    mainService = TestBed.inject(MainService);
    serviceA = TestBed.inject(ServiceA) as jasmine.SpyObj<ServiceA>;
    serviceB = TestBed.inject(ServiceB);
  });

2. 覆盖所有分支的测试用例 #

针对getData的每个条件分支，分别设置依赖服务的状态，然后断言返回结果：

it('serviceA.isReturnTrue()为true且serviceB.isEligible为true时，返回"结果1"', () => {
    serviceA.isReturnTrue.and.returnValue(true);
    serviceB.isEligible = true;

    expect(mainService.getData()).toBe('结果1');
  });

  it('serviceA.isReturnTrue()为true且serviceB.isEligible为false时，返回"结果2"', () => {
    serviceA.isReturnTrue.and.returnValue(true);
    serviceB.isEligible = false;

    expect(mainService.getData()).toBe('结果2');
  });

  it('serviceA.isReturnTrue()为false且serviceB.isEligible为true时，返回"结果3"', () => {
    serviceA.isReturnTrue.and.returnValue(false);
    serviceB.isEligible = true;

    expect(mainService.getData()).toBe('结果3');
  });

  it('serviceA.isReturnTrue()为false且serviceB.isEligible为false时，返回"默认结果"', () => {
    serviceA.isReturnTrue.and.returnValue(false);
    serviceB.isEligible = false;

    expect(mainService.getData()).toBe('默认结果');
  });
});

常见问题排查 #

• 若之前spyOn失败，大概率是未正确注入模拟对象，需确保TestBed的providers中用useValue提供的是spy对象，而非真实服务实例。
• 对于serviceB的属性，直接修改模拟对象的属性值即可，无需使用spyOn（spyOn主要用于模拟方法）。

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