Come spio un metodo di controllo usando Jasmine?

Question

Sto usando la sintassi "controller come" per creare il mio controller. Ho una funzione di inizializzazione privata che chiama una funzione per caricare i dati predefiniti.

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 
    var mc = this; 
    mc.dataLoaded = false; 

    function init() { 
    mc.loadData(); 
    } 

    mc.loadData = function(){ 
    mc.dataLoaded = true; 
    } 

    init(); 
}); 

Nella mia prova Sto creando una spia per verificare se la funzione loadData è stato chiamato. Anche se posso verificare che la funzione sia stata chiamata testando il flag mc.dataLoaded, la mia spia non sembra registrare la funzione chiamata. Come posso convincere la spia a registrare correttamente la chiamata di funzione?

describe('Testing a Hello World controller', function() { 
    var $scope = null; 
    var ctrl = null; 

    //you need to indicate your module in a test 
    beforeEach(module('plunker')); 

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

    ctrl = $controller('MainCtrl as mc', { 
     $scope: $scope 
    }); 

    spyOn($scope.mc, 'loadData').and.callThrough(); 
    })); 

    it('should call load data', function() { 
    expect($scope.mc.loadData).toHaveBeenCalled(); 
    //expect($scope.mc.dataLoaded).toEqual(false); 
    }); 
}); 

Plunker link

Answer 1

Questa sequenza di linee:

ctrl = $controller('MainCtrl as mc', { 
    $scope: $scope 
}); 

spyOn($scope.mc, 'loadData').and.callThrough(); 

significa che la spia Jasmine si crea dopo il controller è già stata creata un'istanza di $ controller. Prima che la spia venga creata, la funzione init è già stata eseguita.

Non è possibile cambiare le linee intorno, perché MainCtrl deve esistere prima di poter spiare un metodo su di esso.

Se la funzione init chiama un altro servizio, quindi spiare il metodo di quel servizio e asserire che il servizio è chiamato correttamente. Se MainCtrl sta semplicemente facendo qualcosa internamente, prova il risultato di ciò, ad esempio, affermando che i dati/proprietà del controllore vengono aggiornati. Potrebbe non valere la pena di testare se è abbastanza banale.

Inoltre, dal momento che si sta utilizzando il controller come sintassi, è possibile fare riferimento al controller tramite il valore di ritorno di chiamare $ regolatore, piuttosto che accedere direttamente la portata:

ctrl = $controller('MainCtrl as mc', { 
    $scope: $scope 
}); 

ctrl.loadData === $scope.mc.loadData; // true 

Answer 2

ho trovato una soluzione che ha permesso per evitare di cambiare il mio controller Ho incluso un servizio di finto $state nel metodo beforeEach della suite di test, e ha dato un metodo reload finto:

beforeEach(inject(function ($controller, $rootScope) { 
    stateMock = { 
     reload: function() { 
      myCtrl = $controller('MyCtrl'); 
     } 
    }; 
    ... 

Poi nei test di gelsomino, posso semplicemente chiamare stateMock.reload() di ri-inizializzare il mio controller, preservando le mie spie mi dichiarato in un altro blocco beforeEach.