Wie zum Hohn eine Funktion ein Eckiges service in Jasmin

Habe ich die folgenden Winkel-controller

function IndexCtrl($scope, $http, $cookies) {   

    //get list of resources
    $http.get(wtm.apiServer + '/v1/developers/me?access_token=' + $cookies['wtmdevsid']).
    success(function(data, status, headers, config) {
        //snip 
      }).
      error(function(data, status, headers, config) {
        //snip
      });

$scope.modal = function() {
      //snip
}

return;
}

Was ich versuche zu tun ist, spotten die get-Methode auf den $http-service. Hier mein unit-test-code:

describe('A first test suite', function(){
    it("A trivial test", function() {
         expect(true).toBe(true);
    });
});

describe('Apps', function(){
describe('IndexCtrl', function(){
    var scope, ctrl, $httpBackend;
    var scope, http, cookies = {wtmdevsid:0};

    beforeEach(inject(function($injector, $rootScope, $controller, $http) {
        scope = $rootScope.$new();

         ctrl = new $controller('IndexCtrl', {$scope: scope, $http: $http, $cookies: cookies});
         spyOn($http, 'get');
         spyOn(scope, 'modal');

    }));

    it('should create IndexCtrl', function() {
        var quux = scope.modal();
        expect(scope.modal).toHaveBeenCalled();
        expect($http.get).toHaveBeenCalled();
    });
  });
});

Wenn ich diese ausführe bekomme ich
ReferenceError: wtm ist nicht definiert.

wtm ist ein globales Objekt und natürlich wäre es nicht definiert werden, wenn ich mit meinen test, weil der code, der es deklariert ist wird nicht ausgeführt, wenn ich mit meinen test. Was ich wissen möchte ist, warum die real $http.get-Funktion aufgerufen wird und wie richte ich ein Spion oder ein stub, so dass ich eigentlich gar nicht nennen, die echte Funktion?

(inb4 hassen auf globals: einer meiner Kollegen ist damit beauftragt worden, mit factoring die aus unser code 🙂 )

InformationsquelleAutor akronymn | 2012-11-16
  1. 4

    Müssen Sie Draht whenGET Methode Ihrer $httpBackend im Voraus für Ihre test. Versuchen Sie, es bis in die beforeEach() - Funktion der test... Es ist ein gutes Beispiel hier unter "Unit-Tests mit Mock-Backend".

    • Ich bekomme das gleiche problem und ich denke, der Grund ist, weil ich kann nicht Vorhersagen, im Voraus, welche url wird übergeben zu BEKOMMEN(). Ich will etwas zu machen, das $httpBackend.wenn('GET', '*').reagieren({}); aber ich vermute, das * funktioniert nicht als wildcard in diesem Zusammenhang, denn ich bin noch immer die gleiche ReferenceError: wtm ist nicht definiert.
    • Nun, ich denke, über diese ein wenig mehr, ist es egal, welchen Weg ich sagen man erwarten. Wenn es läuft mein controller code versucht zu analysieren, die wtm-variable. Es sei denn, es irgendwie zu verspotten, die GET-Funktion, so dass es tatsächlich ignoriert die Argumente übergeben, um es in den code, ich werde umgestalten, dass die Globale wtm Variable aus, bevor ich den test eigentlich mit diesem controller.
    • Es sieht aus, wie für jetzt kann ich mit dem whenGET Funktion, die Sie vorgeschlagen, blesh, und jetzt deklarieren und definieren wtm im Rahmen meines test.
    • whenGET dauert Streicher-und RegExp-Objekte, das heißt, Sie können angeben Platzhalter, wie man bitte, FYI
    InformationsquelleAutor Ben Lesh
  2. 4

    Schlage ich vor, alle globals gebraucht wird, wie Sie hier beschrieben wird, sollte verwendet werden, durch die $window service.

    Alle globalen Variablen verfügbar sind, wie z.B. Fenster.wtm, wird ebenfalls verfügbar sein auf $Fenster.atm.

    Dann können Sie die stub Ihre wtm Referenz vollständig und Spion auf die gleiche Weise, die du bereits beschrieben:

     var element, $window, $rootScope, $compile;

  beforeEach(function() {
    module('fooApp', function($provide) {
        $provide.decorator('$window', function($delegate) {

            $delegate.wtm = jasmine.createSpy();

            return $delegate;
        });
    });

    inject(function(_$rootScope_, _$compile_, _$window_) {
        $window = _$window_;
        $rootScope = _$rootScope_;
        $compile = _$compile_;
    });     

  });
    • Dies sollte die richtige Antwort!
    InformationsquelleAutor Kenneth Lynne
  3. 1

    Vielleicht könnte Sie erstellen Sie eine benutzerdefinierte wrapper mock rund $httpBackend, dass Griffe Ihre speziellen Bedürfnisse.

    Im detail, Eckig überschreibt Komponenten mit dem gleichen Namen mit einem last-come-first-served " - Strategie bedeutet dies, dass die Reihenfolge, die Sie um Ihre Module zu laden ist wichtig für Ihre tests.

    Wenn Sie definieren einen anderen Dienst mit dem gleichen Namen und laden Sie es nach die erste, die Letzte sein wird, sondern injiziert die erste. E. g.:

    apptasticMock.service("socket", function($rootScope){
  this.events = {};

  //Receive Events
  this.on = function(eventName, callback){
    if(!this.events[eventName]) this.events[eventName] = [];
    this.events[eventName].push(callback);
  }

  //Send Events
  this.emit = function(eventName, data, emitCallback){
    if(this.events[eventName]){
      angular.forEach(this.events[eventName], function(callback){
        $rootScope.$apply(function() {
          callback(data);
        });
      });
    };
    if(emitCallback) emitCallback();
  }

});

    Dieser service bietet Ihnen die exakt gleiche Schnittstelle und verhält sich genau wie das original, außer dass es nie kommuniziert über jede Steckdose. Dies ist der service, den wir für Tests verwenden möchten.

    Mit der load-Sequenz der Winkel im Auge, in den tests dann so Aussehen:

    describe("Socket Service", function(){
  var socket;

  beforeEach(function(){
    module('apptastic');
    module('apptasticMock');

    inject(function($injector) {
      socket = $injector.get('socket');
    });
  });

  it("emits and receives messages", function(){
    var testReceived = false;

    socket.on("test", function(data){
      testReceived = true;
    });

    socket.emit("test", { info: "test" });
    expect(testReceived).toBe(true);
  });

    });

    Die wichtige Sache hier ist, dass module('apptasticMock') wird Sie ausgeführt nachdem module('apptastic'). Dies überschreibt die ursprüngliche socket-Implementierung mit der verspottet man. Der rest ist nur das normale dependency injection-Verfahren.

    Diesen Artikel schrieb ich interessant für Sie sein könnte, wie es geht in weitere details.

    InformationsquelleAutor Thomas Fankhauser
Schreibe einen Kommentar