測試使用$資源響應執行服務的控制器

Question

我有一個控制器使用服務，解析一個承諾然後設置一個變量。 我想測試變量是否已經設置，我該如何做？

Service.js

angular 
.module('myModule') 
.service('MyService',['$resource',function($resource){ 
    var r = $resource('/users/:id',{id:'@id'}); 
    this.post = function(_user){ 
     return (new r(_user)).$save() 
    } 
}]) 

控制器

angular 
.module('myModule') 
.controller('myCtrl', ['MyService',function(MyService){ 
    var vm = this; 
    vm.value = 0; 
    vm.post = function(_user){ 

     MyService.post(_user).then(function(){ 
     vm.value = 1; 
     }); 
    }; 


}]) 

controller_spec

describe('Test Controller',function(){ 
    beforeEach(module('myModule')); 
    beforeEach(inject(function($controller, MyService){ 
    this.ctrl = $controller('myCtrl'); 
    })) 

    it('after save value is 1',function(){ 
    this.ctrl.post({name: 'chuck'}); 

    //Always this.ctrl.value it's equal to 0 
    expect(this.ctrl.value).toBeEqual(1); 
    }); 

}); 

Answer 1

模擬的服務方法，並返回一個承諾，那麼解決它，當你需要它。

describe('Test Controller',function(){ 
    var postDefer; 
    beforeEach(module('myModule')); 
    beforeEach(inject(function($controller, MyService, $q){ 
    postDefer = $.defer(); 
    spyOn(MyService, 'post').and.returnValue(postDefer.promise); 
    this.ctrl = $controller('myCtrl', {MyService : MyService}); 
    })) 

    it('after save value is 1',function(){ 
    this.ctrl.post({name: 'chuck'}); 

    postDefer.resolve(); 

    scope.$apply(); 
    expect(this.ctrl.value).toBeEqual(1); 
    }); 

});