Service de test unitaire avec dépendance injectée utilisant Angular 2

Question

Je crée un test unitaire simple pour un service qui a une dépendance. C'est un service simple que je commence à aider à comprendre le meilleur processus et la meilleure structure.

Le test unitaire que j'ai créé fonctionne mais TypeScript renvoie une erreur.

Argument of type '{ order_id: string; user: string; }' is not assignable to parameter of type 'Expected<Observable<any>>'. 
Object literal may only specify known properties, and 'order_id' does not exist in type 'Expected<Observable<any>>'. 

Le service exécute la méthode sendBody sur le service injecté qui effectue une requête HTTP. Je comprends qu'un Observable devrait être renvoyé ici mais j'aurais pensé que le service de simulation aurait dû résoudre cette erreur de type TypeScript.

Existe-t-il un meilleur moyen d'injecter et de fausser les dépendances lors du test de services uniquement?

service

export class ReturnOrderService { 

    constructor(private _ReturnOrderResource: ReturnOrderResource) { } 

    updateOrderStatus(orderId: string, user: string) { 
     let body = {}; 

     if (orderId !== undefined && user !== undefined) { 
      body["order_id"] = orderId; 
      body["user"] = user; 
     } 

     return this._ReturnOrderResource.sendBody(body); 
    } 

} 

Spec

const MockReturnOrderResource = { 
sendBody: function(body) { 
    return body; 
    } 
} 

describe('ReturnsComponent',() => { 

    beforeEach(() => { 
    TestBed.configureTestingModule({ providers: [ 
     ReturnOrderService, 
     { provide: ReturnOrderResource, useValue: MockReturnOrderResource } 
     ] }); 
    }); 

    it('#updateOrderStatus should create an object literal from arguments', 
    async(inject([ReturnOrderService], (service: ReturnOrderService) => { 
     expect(service.updateOrderStatus("10006886","Mr Bungle")).toEqual({ order_id: '10006886', user: 'Mr Bungle' }); 
    }))); 

}); 

Answer 1

J'ai travaillé dans une solution pour cela en utilisant une approche différente. Bien qu'il ne puisse pas résoudre l'erreur de type que j'éprouvais, cela me permet d'espionner le service injecté qui est exactement ce que je recherchais. Après l'injection du service, j'obtiens le service en utilisant TestBed.get() et j'attribue cela à une variable.

Je peux alors espionner le service injecté et tester le ou les arguments avec lesquels la méthode a été appelée.

La spécification mise à jour ci-dessous.

const MockReturnOrderResource = { 
    sendBody: function(body) { 
    return body; 
    } 
} 

describe('ReturnsComponent',() => { 
    let _ReturnOrderResource; 

    beforeEach(() => { 
    TestBed.configureTestingModule({ providers: [ 
     ReturnOrderService, 
     { provide: ReturnOrderResource, useValue: MockReturnOrderResource } 
     ] }); 
    _ReturnOrderResource = TestBed.get(ReturnOrderResource); 
    }); 

    it('#updateOrderStatus should pass an object literal as an argument', 
    async(inject([ReturnOrderService], (service: ReturnOrderService) => { 
    spyOn(service, "updateOrderStatus").and.callThrough(); 
    spyOn(_ReturnOrderResource, "sendBody").and.callThrough(); 
    service.updateOrderStatus("10006886","Mr Bungle"); 
    expect(_ReturnOrderResource.sendBody).toHaveBeenCalledWith({ order_id: '10006886', user: 'Mr Bungle' }) 
    }))); 

}); 

Pour une lecture plus autour de cette solution: https://angular.io/guide/testing#testbedget

Answer 2

Si elle doit retourner un Observable, puis retourner un Observable!

Essayez ceci:

const MockReturnOrderResource = { 
    sendBody: (any: any) => Observable.of(any); 
}