Wie Sie mock-Winkel-Dienst, der eine Funktion?

Haben wir eine, was wir nennen eine CORShttpService, das ist im Grunde ein wrapper um die $http service, sondern kapselt einige CORS-Funktionalität, die wir brauchen. Ich bin jetzt schriftlich einige tests für einen service, der die CORShttpService injiziert. Dieser service-code wie dieser:

CORShttpService({method: requestMethod, url: getUrl(path), data: data}).
    success(function(data, status, headers) {
        //do success stuff
    }).
    error(function(data, status, headers) {
       //do error stuff
    });

Will ich verhöhnen, der Aufruf zu CORShttpService, aber ich bin mir nicht sicher, wie Sie gehen über es zu tun. Ich bin mit Jasmin, und Ihr spyOn Funktion benötigt ein Objekt zum simulieren der Funktion auf das Objekt. Meine CORShttpService ist nicht angebracht, der für jedes Objekt, also ich weiß nicht, wie man über die lustig. Ja, ich könnte $httpBackend zu verspotten, die Anforderungen, die sich schließlich gesetzt in der CORShttpService, aber ich will nicht, es geht in diesem Dienst in den ersten Platz. Ich möchte zu isolieren, die das Gerät testen und einfach mock externen Anrufe. Gibt es eine Möglichkeit, ich kann mock diesem service ist, dass nur ein Funktion?

InformationsquelleAutor dnc253 | 2013-01-25
  1. 7

    Als ich dachte, über diese mehr, die $httpBackend service bietet eine Menge von Funktionen zum Test Anfragen. Als meine CORShttpService ist im Grunde ein wrapper um $http ich beschlossen, ich könnte wahrscheinlich bekommen die die meisten bang für mein Bock, wenn ich die mock-Implementierung von CORShttpService einfach die $http Umsetzung. Mit diese Dokumentation, um mir zu helfen, ich habe Folgendes in meine Skillung:

    beforeEach(module(function($provide) {
    $provide.provider('CORShttpService', function() {
        this.$get = function($http) {
            return $http;
        };
    });
}));

    So, alle meine Dienstleistungen wollen den CORShttpService gespritzt, jetzt haben im Grunde nur $http injiziert, und so erlauben Sie mir, nutzen Sie alle $httpBackend Funktionalität, ohne die Sorge, die extra-Funktionen, die in der CORShttpService selbst.

    Dies funktioniert für meinen speziellen Fall, aber so weit, als eine Allgemeine Lösung für Spott Dienste, die nur eine Funktion, die gleiche Art der Sache könnte wahrscheinlich sein getan mit jasmine.createSpy wie bereits in zbynour Antwort. So etwas wie:

    beforeEach(module(function($provide) {
    $provide.provider('MyService', function() {
        this.$get = function() {
            return jasmine.createSpy("myService");
        };
    });
}));
    InformationsquelleAutor dnc253
  2. 2

    Ja, wie du geschrieben spyOn können stub-eine Funktion, aber es muss sein, Eigentum bereits bestehendes Objekt aus. Ich auch damit einverstanden, es ist besser zum isolieren der Einheit. 🙂

    Was Sie brauchen, ist jasmine.createSpy. Durch dass erstellen eines bare spy und definieren Ihr Verhalten wie gewohnt (mit andReturn, andCallFake usw.).

    Ich denke, so etwas wie der code unten (auch mit jasmine.createSpyObj) cloud sein, was Sie wollen:

    it ('should do sth', function() {

    var res = jasmine.createSpyObj('res', [ 'success', 'error' ]);
    res.success.andReturn(res);
    res.error.andReturn(res);
    var corsHttpService = jasmine.createSpy().andReturn(res);

    //call the service using corsHttpService
    anotherService(corsHttpService);

    //assert
    expect(corsHttpService).toHaveBeenCalledWith({
        method: requestMethod, 
        url: url,
        data: data});
    expect(res.success).toHaveBeenCalledWith(jasmine.any(Function));
    expect(res.error).toHaveBeenCalledWith(jasmine.any(Function));
});

    In Fall, dass Sie möchten, weiter zu gehen, statt einfach

    res.success.andReturn(res);

    können Sie speichern die callback übergeben in

    var succCallback;
res.success.andCallFake(function(callback) {
        succCallback = callback;
        return res;
    });

    später in der spec können Sie rufen Sie die callback zu emulieren den Erfolg Ergebnis aus der corsHttpService:

    succCallback('a-data', 'a-status', 'a-header');

    Dann ist es möglich zu testen, der Erfolg stuff' von geprüften service...

    • Danke für Ihre Antwort. Das sind alles gute Informationen, aber Sie haben die Linie anotherService(corsHttpService);. Die CORShttpService wird automatisch injiziert, in der service, den ich testen möchte. Es gibt keinen Aufruf an den Dienst mit der CORShttpService als parameter. Ich bin mir nicht sicher, wie man die Injektion der mock CORShttpService in diesem service, den ich testen möchte.
    • So endlich habt Ihr die Lösung gefunden... Da gibt es keine Erwähnung darüber, wie zu injizieren, der Spion in der Spezifikation, die in Ihrer Frage, die ich dachte, Sie haben großes problem mit spöttischer ein service ist eine Funktion, die im Allgemeinen eher als die Durchführung der Injektion. Ihre eigene Antwort scheint auch interessant, aber eigentlich nicht für mich arbeiten. 🙁
    • Naja, meine Frage war, wie das simulieren der Funktion selbst (die Sie beantwortet), aber als Teil der, dass, nachdem die mock injiziert überall notwendig, anstelle der original-service gerade eingespritzt wird. Was nicht funktioniert für Sie in meiner Antwort?
    • Im Grunde Injektion $provide in meinem spec. Nun habe ich festgestellt das es gut funktioniert, aber nicht in meiner besonderen situation (wenig spezifisch, aber gültig). Ich habe describe mit beforeEach(module(function ($provide) {... keine it innerhalb dieser describe einfach nur innere describe mit einigen its. In der äußeren describe deklarieren var foo = null und in der (äußeren) beforeEach Zuweisung von einem Wert. Die foo Wert verwendet wird, in it des inneren describe und schlägt es mit "foo ist null". Das problem ist nur äußere beforeEach(module(.... Ohne ihn, D. H. beforeEach(function () { funktioniert einwandfrei.
    • Anscheinend, da es keine it im äußeren describe seine beforeEach ist nicht genannt. Wenn einige it Hinzugefügt, es funktioniert gut, so gut wie ohne it im äußeren div, aber mit einfach äußere beforeEach(function() { .... Das bedeutet, dass im Falle von beforeEach(module(function($provide) { ... es nicht aufgerufen, wenn keine it auf aktuelle describe block (obwohl normalerweise ist genannt). Bisschen schwierig... 🙂 haben Sie eine Idee, bitte?
    • In der Tat, das problem, das ich oben beschrieben habe ist etwas ungewöhnlich und sicherlich workarounded. Unabhängig davon, dass deine Antwort war inspirierend für mich und im Allgemeinen funktioniert, also +1 für das!

    InformationsquelleAutor zbynour
Schreibe einen Kommentar