如何全局模拟 Jasmine 的 Angular 服务

Question

我已将浏览器的控制台对象配置为 Angular 服务，这样我就可以将其注入到其他服务中，如下所示：

export const CONSOLE = new InjectionToken<Console>('Console', {
  providedIn: 'root',
  factory: () => console
});

不过，在 Jasmine 测试中，我想注入此服务的模拟版本，以便我的 Jasmine 测试代码不会开始将间谍附加到实际的 console 对象（因为我不确定它们是否会自动在测试结束时分离，因为服务 - 即底层 console 对象 - 永远不会被破坏）。

我可以在描述块的开头这样做，即：

beforeEach(() => {
  const console = {
    error: () => {
    }
  };

  TestBed.configureTestingModule({
    providers: [
      {provide: CONSOLE, useValue: console}
    ]
  });
});

但是，我不想在每个测试文件中都这样做。

有什么方法可以在标准 Angular CLI 项目中定义一个全局 beforeEach()，它将在我所有的 Jasmine 测试之前运行？ 我该怎么做？我应该把它放在哪里？

Answer 1

虽然这是一个微小的改进，但您可以将模拟提供程序偏移到一个模块中。

TestModuleForAll.ts

import { NgModule } from '@angular/core';
const console = {
    error: () => {
    }
  };
@NgModule({
  imports:      [ ],
  providers:    [ {provide: CONSOLE, useValue: console} ],
})
export class TestModuleForAll{ }

然后将此模块放入您的importsTestBed.configureTestingModule数组中

beforeEach(() => {
  TestBed.configureTestingModule({
    imports: [TestModuleForAll],
    providers: []
  });
});