如何创建可复用LocaleServiceStub以测试使用其静态方法的组件？

我有个组件用到了LocaleService的静态方法instant()，而且这个服务没注入到组件里。之前测试时我直接在beforeEach里加了间谍：

const localeServiceInstantSpy = spyOn(LocaleService, 'instant'); 
localeServiceInstantSpy.and.callFake(msg => msg);

这个写法没问题，但现在我想把这个间谍（还有其他相关的）迁移到LocaleService的Stub里，这样当前组件和其他用到这个服务的组件测试都能复用。请问最优实现方式是什么？怎么创建这个可复用的Stub？

相关代码如下：

LocaleService 源码 (app/utils/locale.service.ts)

export class LocaleService { 
  public static lang: string; 
  private static messages = { 
    'user.add': { en: 'Add Local User Account', de: 'Add Local User Account DE' }, 
    'user.edit': { en: 'Edit Local User Account', de: 'Edit Local User Account DE' } 
  }; 

  public static instant(key: string) { 
    return this.messages[key][this.lang]; 
  } 
}

被测组件使用示例 (app/settings/users/user-form.component.ts)

import { LocaleService } from 'app/utils/locale.service'; 

... 
getDialogHeader() { 
  return this.isNewUser ? LocaleService.instant('user.add') : LocaleService.instant('user.edit'); 
} 
...

因为LocaleService用的是静态方法/属性，没法通过依赖注入替换实例，所以我们需要创建一个专门的测试工具，用来统一管理对静态方法的间谍配置，同时支持复用。

1. 创建可复用的LocaleService测试工具类 #

在你的测试工具目录（比如app/testing/utils/locale-service.stub.ts）里创建这个Stub工具：

import { LocaleService } from 'app/utils/locale.service';

export class LocaleServiceStub {
  // 初始化间谍的方法，统一配置默认行为
  static initStub(defaultLang = 'en', instantFn?: (key: string) => string) {
    // 重置之前的间谍（避免测试间污染）
    if (jasmine.isSpy(LocaleService.instant)) {
      LocaleService.instant.calls.reset();
    } else {
      // 创建instant方法的间谍
      spyOn(LocaleService, 'instant');
    }

    // 设置默认的lang值
    LocaleService.lang = defaultLang;

    // 如果传入了自定义的instant实现就用，否则用默认返回key的逻辑
    const defaultInstantFn = (key: string) => key;
    LocaleService.instant.and.callFake(instantFn || defaultInstantFn);
  }

  // 可选：提供快捷方法，模拟特定语言的返回值
  static mockLang(lang: string) {
    LocaleService.lang = lang;
    // 也可以根据语言返回对应消息，模拟真实的messages逻辑
    LocaleService.instant.and.callFake(key => {
      const mockMessages = {
        'user.add': { en: 'Add Local User Account', de: 'Add Local User Account DE' },
        'user.edit': { en: 'Edit Local User Account', de: 'Edit Local User Account DE' }
      };
      return mockMessages[key]?.[lang] || key;
    });
  }

  // 可选：重置间谍，清理测试环境
  static resetStub() {
    if (jasmine.isSpy(LocaleService.instant)) {
      LocaleService.instant.calls.reset();
      // 恢复原始方法（如果需要的话）
      LocaleService.instant.and.callThrough();
    }
    // 重置lang值
    LocaleService.lang = undefined;
  }
}

2. 在组件测试中使用这个Stub #

在你的组件测试文件里，只需要调用这个Stub的初始化方法，就能快速配置好间谍：

import { LocaleServiceStub } from 'app/testing/utils/locale-service.stub';
import { UserFormComponent } from './user-form.component';

describe('UserFormComponent', () => {
  let component: UserFormComponent;
  let fixture: ComponentFixture<UserFormComponent>;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [UserFormComponent]
      // 因为是静态类，不需要在providers里替换
    }).compileComponents();

    // 初始化LocaleService的Stub，用默认行为（返回key本身）
    LocaleServiceStub.initStub();
  });

  afterEach(() => {
    // 测试后重置Stub，避免影响其他测试用例
    LocaleServiceStub.resetStub();
  });

  it('should return correct dialog header for new user', () => {
    component.isNewUser = true;
    expect(component.getDialogHeader()).toBe('user.add');
    // 验证instant方法被调用了一次，参数是'user.add'
    expect(LocaleService.instant).toHaveBeenCalledWith('user.add');
  });

  it('should return German header when lang is set to de', () => {
    // 切换到德语模拟
    LocaleServiceStub.mockLang('de');
    component.isNewUser = true;
    expect(component.getDialogHeader()).toBe('Add Local User Account DE');
  });
});

3. 在多个测试文件中复用 #

其他用到LocaleService的组件测试，只需要导入LocaleServiceStub，然后在beforeEach里调用initStub()，就能统一配置好间谍，不用重复写spyOn的逻辑。如果需要特殊行为，还可以调用mockLang()或者传入自定义的instantFn来覆盖默认逻辑。

为什么这是最优方案？ #

• 复用性：所有测试文件都可以用同一个Stub工具，避免重复代码
• 可维护性：如果LocaleService的静态方法有变化，只需要修改Stub工具，不用改所有测试文件
• 灵活性：支持自定义行为，既能用默认的返回key，也能模拟真实的多语言返回
• 隔离性：resetStub()方法确保测试用例之间不会互相污染

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