如何配置Karma以提供全局单例服务？Angular单元测试问询

好问题！首先得澄清一点：Karma本身并不负责Angular测试的依赖注入配置——它只是个测试运行器，管的是测试文件的执行环境、浏览器启动这些事儿。要实现全局复用Mock服务且保证单例，得用Angular自带的测试工具链来搞定，下面给你两种靠谱的方案：

方案一：通过TestBed.initTestEnvironment全局初始化 #

这是最直接的全局配置方式，你可以在测试入口文件（一般是src/test.ts）里全局设置TestBed的基础配置，所有测试文件都会继承这个配置，天然保证Mock服务是单例。

步骤： #

1. 先定义你的Mock服务（比如MockUserService）：

   // mock-user.service.ts
   @Injectable()
   export class MockUserService {
     getUser() {
       return of({ id: 1, name: 'Mock User' });
     }
   }
   

2. 在src/test.ts里修改TestBed的初始化代码，把Mock服务加入全局providers：

   // src/test.ts
   import { getTestBed } from '@angular/core/testing';
   import {
     BrowserDynamicTestingModule,
     platformBrowserDynamicTesting
   } from '@angular/platform-browser-dynamic/testing';
   import { MockUserService } from './app/mock-user.service';
   import { UserService } from './app/user.service';
   
   // 初始化测试环境
   getTestBed().initTestEnvironment(
     BrowserDynamicTestingModule,
     platformBrowserDynamicTesting(),
     {
       // 全局注入Mock服务，替换真实的UserService
       providers: [
         { provide: UserService, useClass: MockUserService }
       ]
     }
   );
   

这样一来，所有测试文件里只要注入UserService，拿到的都会是这个全局的MockUserService单例，不用再在每个spec文件里重复配置TestBed了。

方案二：创建共享测试模块 #

如果需要更灵活的配置（比如有些测试不需要全局Mock，或者要组合多个测试依赖），可以创建一个共享的测试模块，在里面统一配置Mock服务，然后每个测试文件导入这个模块即可。

步骤： #

1. 创建共享测试模块：

   // shared-testing.module.ts
   import { NgModule } from '@angular/core';
   import { UserService } from './user.service';
   import { MockUserService } from './mock-user.service';
   
   @NgModule({
     providers: [
       { provide: UserService, useClass: MockUserService }
     ]
   })
   export class SharedTestingModule {}
   

2. 在测试文件里导入这个模块：

   // app.component.spec.ts
   import { TestBed } from '@angular/core/testing';
   import { AppComponent } from './app.component';
   import { SharedTestingModule } from './shared-testing.module';
   
   describe('AppComponent', () => {
     beforeEach(async () => {
       await TestBed.configureTestingModule({
         imports: [SharedTestingModule],
         declarations: [AppComponent]
       }).compileComponents();
     });
   
     it('should create the app', () => {
       const fixture = TestBed.createComponent(AppComponent);
       const app = fixture.componentInstance;
       expect(app).toBeTruthy();
     });
   });
   

因为Angular测试注入器会复用模块的providers实例，所以所有导入这个模块的测试都会拿到同一个MockUserService单例。

保证单例的关键注意点 #

• 不管用哪种方案，都要确保Mock服务的提供方式是全局唯一的：要么在initTestEnvironment的全局providers里注册，要么在共享模块的providers里注册（不要在每个测试文件里重复提供）。
• 如果某个测试需要临时覆盖全局Mock，可以在该测试的configureTestingModule里重新提供服务，比如：

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      providers: [
        { provide: UserService, useClass: SpecialMockUserService }
      ]
    });
  });
  

  这种局部配置会覆盖全局的配置，不会影响其他测试。

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