Sử dụng TypeMoq Mock Với Testbed góc

Question

tôi đã xác định một FooService như sau

import {Injectable} from "@angular/core"; 
export interface Foo { 
    Foo(): string; 
} 

@Injectable() 
export class FooService implements Foo { 
    Foo(): string { 
     return "Fooey!"; 
    } 
} 

và BarComponent như thế này

import {Component} from "@angular/core"; 
import {FooService} from "./foo.service"; 

@Component({ 
    moduleId: 'module.id', 
    template: '<h1>Bar Component</h1>' 
}) 
export class BarComponent { 
    constructor(private fooService: FooService) {} 

    doFoo(): string { 
     return(this.fooService.Foo()); 
    } 
} 

Bây giờ tôi muốn thử nghiệm của tôi BarComponent và tôi muốn sử dụng TypeMoq để giả lập FooService, vì vậy tôi đã làm như sau

import * as TypeMoq from 'typemoq'; 
import {Foo, FooService} from "./foo.service"; 
import {TestBed, async} from "@angular/core/testing"; 
import {BarComponent} from "./bar.component"; 

describe('BarComponent',() => { 
    let component: BarComponent; 
    let mockFooService: TypeMoq.IMock<Foo>; 

    beforeEach(async(() => { 
     mockFooService = TypeMoq.Mock.ofType<Foo>(); 
     TestBed.configureTestingModule({ 
      declarations: [BarComponent], 
      providers: [{ provide: FooService, useValue: mockFooService.object}] 
     }); 
    })); 

    beforeEach(() => { 
     let fixture = TestBed.createComponent(BarComponent); 
     component = fixture.componentInstance; 
    }); 

    it('does something',() => { 
     mockFooService.setup(x => x.Foo()).returns(() => "FooBar!"); 
     expect(component.doFoo()).toEqual("FooBar!"); 
    }); 

}); 

Tuy nhiên chạy trên cung cấp cho các lỗi sau

SyntaxError: Function arg string contains parenthesis 
     at new Function (<anonymous>) 
     at evalExpression (webpack:///~/@angular/compiler/@angular/compiler.es5.js:25431:25 <- config/karma-test-shim.js:59412:40) 
     at jitStatements (webpack:///~/@angular/compiler/@angular/compiler.es5.js:25448:0 <- config/karma-test-shim.js:59429:12) 
     at JitCompiler._compileModule (webpack:///~/@angular/compiler/@angular/compiler.es5.js:25658:0 <- config/karma-test-shim.js:59639:35) 
     at createResult (webpack:///~/@angular/compiler/@angular/compiler.es5.js:25613:0 <- config/karma-test-shim.js:59594:106) 
     at JitCompiler._compileModuleAndAllComponents (webpack:///~/@angular/compiler/@angular/compiler.es5.js:25616:0 <- config/karma-test-shim.js:59597:40) 
     at JitCompiler.compileModuleAndAllComponentsSync (webpack:///~/@angular/compiler/@angular/compiler.es5.js:25559:0 <- config/karma-test-shim.js:59540:23) 
     at TestingCompilerImpl.compileModuleAndAllComponentsSync (webpack:///~/@angular/compiler/@angular/compiler/testing.es5.js:475:0 <- config/karma-test-shim.js:68201:31) 
     at TestBed._initIfNeeded (webpack:///~/@angular/core/@angular/core/testing.es5.js:705:0 <- config/karma-test-shim.js:21376:36) 
     at TestBed.createComponent (webpack:///~/@angular/core/@angular/core/testing.es5.js:791:0 <- config/karma-test-shim.js:21462:14) 
     at Function.TestBed.createComponent (webpack:///~/@angular/core/@angular/core/testing.es5.js:610:0 <- config/karma-test-shim.js:21281:29) 
     at Object.<anonymous> (webpack:///src/app/auth/login/bar.component.spec.ts:19:30 <- config/karma-test-shim.js:99954:41) 
     at ZoneDelegate.invoke (webpack:///~/zone.js/dist/zone.js:365:0 <- config/karma-test-shim.js:65763:26) 
     at ProxyZoneSpec.onInvoke (webpack:///~/zone.js/dist/proxy.js:79:0 <- config/karma-test-shim.js:65294:39) 
     at ZoneDelegate.invoke (webpack:///~/zone.js/dist/zone.js:364:0 <- config/karma-test-shim.js:65762:32) 
     at Zone.run (webpack:///~/zone.js/dist/zone.js:125:0 <- config/karma-test-shim.js:65523:43) 
     at Object.<anonymous> (webpack:///~/zone.js/dist/jasmine-patch.js:104:0 <- config/karma-test-shim.js:65010:34) 
     at webpack:///~/@angular/core/@angular/core/testing.es5.js:96:0 <- config/karma-test-shim.js:20767:17 
     at ZoneDelegate.invoke (webpack:///~/zone.js/dist/zone.js:365:0 <- config/karma-test-shim.js:65763:26) 
     at AsyncTestZoneSpec.onInvoke (webpack:///~/zone.js/dist/async-test.js:49:0 <- config/karma-test-shim.js:64605:39) 
     at ProxyZoneSpec.onInvoke (webpack:///~/zone.js/dist/proxy.js:76:0 <- config/karma-test-shim.js:65291:39) 
     at ZoneDelegate.invoke (webpack:///~/zone.js/dist/zone.js:364:0 <- config/karma-test-shim.js:65762:32) 
     at Zone.run (webpack:///~/zone.js/dist/zone.js:125:0 <- config/karma-test-shim.js:65523:43) 
     at AsyncTestZoneSpec._finishCallback (webpack:///~/@angular/core/@angular/core/testing.es5.js:91:0 <- config/karma-test-shim.js:20762:25) 
     at webpack:///~/zone.js/dist/async-test.js:38:0 <- config/karma-test-shim.js:64594:31 
     at ZoneDelegate.invokeTask (webpack:///~/zone.js/dist/zone.js:398:0 <- config/karma-test-shim.js:65796:31) 
     at Zone.runTask (webpack:///~/zone.js/dist/zone.js:165:0 <- config/karma-test-shim.js:65563:47) 
     at ZoneTask.invoke (webpack:///~/zone.js/dist/zone.js:460:0 <- config/karma-test-shim.js:65858:38) 
     at timer (webpack:///~/zone.js/dist/zone.js:1732:0 <- config/karma-test-shim.js:67130:29) 

Có thể sử dụng TypeMoq 's với góc TestBed và nếu như vậy làm thế nào để bạn làm điều đó một cách chính xác?

Answer 1

Tôi cũng đã tham gia vào vấn đề này, nó đến vì bạn đang làm nhà cung cấp của mình như thế nào.

Thay đổi

nhà cung cấp: [{cung cấp: FooService, useValue: mockFooService.object}]

để

nhà cung cấp: [{cung cấp: FooService, useFactory:() => {return mockFooService .object}}]

Sử dụng chức năng của nhà máy để trả về đã loại bỏ lỗi cho tôi. Nếu bạn sử dụng useClass bạn sẽ nhận được một lỗi về param.map không phải là một chức năng, và nếu bạn sử dụng useValue bạn nhận được một lỗi về dấu ngoặc đơn bất ngờ. useFactory và chỉ là một hàm inline trả về moq.object.

Answer 2

Nếu bạn cho phép tôi một plug biết xấu hổ cho my mocking library ... dưới đây là cách nó sẽ trông với ineeda:

import { TestBed, async } from '@angular/core/testing'; 
import { ineeda } from 'ineeda'; 
import { Foo, FooService } from './foo.service'; 
import { BarComponent } from './bar.component'; 

describe('BarComponent',() => { 
    let component: BarComponent; 
     TestBed.configureTestingModule({ 
      declarations: [BarComponent], 
      providers: [{ provide: FooService, useClass: ineeda.factory<FooService>() }] 
     }); 
    })); 

    beforeEach(() => { 
     let fixture = TestBed.createComponent(BarComponent); 
     component = fixture.componentInstance; 
    }); 

    it('does something',() => { 
     let fooService = TestBed.get(FooService); 
     fooService.intercept({ Foo:() => 'FooBar!'); 

     expect(component.doFoo()).toEqual("FooBar!"); 
    }); 

});