如何将 ts-mockito 注入 Angular 4 组件测试

Question

类似于this question 上的typemoq 注入，如何将ts-mockito 对象注入到angular 的TestBed.configureTestingModule() 中？我能找到的任何example ts-mockito 测试都与角度无关。

考虑以下要测试的最小工作示例——它包含一个ProgressComponent，在我们正在模拟的后端有一个ProgressService。服务很简单：

import { Injectable } from '@angular/core';

@Injectable()
export class ProgressService {
    private currentState: string = '1';

    constructor() {
    }

    setCurrentState(state: string) {
        this.currentState = state;
    }

    getCurrentState(){
        return this.currentState
    }

}

要在没有ts-mockito 的情况下模拟它，我们只需扩展类。

import {ProgressService} from "../../../progress.service";

export class MockProgressService extends ProgressService{}

然后在测试ProgressComponent 时，MockProgressService 被传递给 TestBed。

import {async, ComponentFixture, getTestBed, TestBed} from '@angular/core/testing'

import { ProgressComponent } from './progress.component'
import {ProgressService} from "../progress.service"
import {MockProgressService} from "../shared/services/progress/progress.mock";

describe('ProgressComponent', () => {
  let injector: TestBed
  let mockService: ProgressService
  let fixture: ComponentFixture<ProgressComponent>
  let component: ProgressComponent

  beforeEach(async() => {
    TestBed.configureTestingModule({
      declarations: [ ProgressComponent ],
      providers: [{provide: ProgressService, useClass: MockProgressService}]
    }).compileComponents()

    injector = getTestBed()
    fixture = TestBed.createComponent(ProgressComponent)
    component = fixture.componentInstance
    mockService = injector.get(ProgressService)

    fixture.detectChanges();
  });
});

Angular 测试框架通过TestBed 引入依赖注入。 我们如何在 Angular 的测试设置中使用 mockito？ 例如，如何使 sn-p injector.get(ProgressService) 与 ts-mockito 模拟兼容？

Answer 1

如果一个提供者应该用另一个对象而不是类来模拟，它应该使用useValue 或useFactory。

茉莉花是：

providers: [{
  provide: ProgressService,
  useValue: jasmine.createSpyObj('ProgressService', [...])
}]

对于 ts-mockito，它可以是：

progressServiceMock = mock(ProgressService);
...
providers: [{provide: ProgressService, useValue: instance(progressServiceMock)}]

虽然继承像class MockProgressService extends ProgressService 这样的模拟类frim 原始类通常没有好处。如果打算模拟某些方法，可以在真实的类实例或类原型上用jasmine.spy（或当前测试框架具有的对应物）模拟它们。当一个类不是在当前单元测试中测试的类时，模拟/存根所有方法而不是多个方法有利于测试隔离。