繁体   English   中英

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

[英]How to inject ts-mockito into Angular 4 component test

类似于有关typemoq注入的问题 ,如何将ts-mockito对象注入angular的TestBed.configureTestingModule() 我可以找到的任何示例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();
  });
});

角度测试框架通过TestBed引入了依赖项注入。 我们如何在Angle的测试设置中使用Mockito? 例如,如何使snippet injector.get(ProgressService)与ts-mockito模拟兼容?

如果应该用另一个对象而不是类来useValue提供程序,则应使用useValueuseFactory

对于茉莉花而言:

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

对于ts​​-mockito,它可以是:

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

继承模拟类frim原始类(例如class MockProgressService extends ProgressService通常没有任何好处。 如果打算模拟某些方法,则可以在真实的类实例或类原型上使用jasmine.spy (或当前测试框架具有的对等物)来模拟它们。 当一个类不是当前单元测试中要测试的类时,模拟/存根所有方法而不是其中的几种方法对于测试隔离是有益的。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM