angularjs - personalizadas - Prueba de un controlador que ejecuta un servicio con $ recurso de respuesta

directivas personalizadas angular 5

Question

Tengo un controlador que usa un servicio, resuelve una promesa y luego establece una variable. Quiero probar si la variable se ha establecido, ¿Cómo hago esto?

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()
   }
}])

Controlador

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

simula el método de servicio y devuelve una promesa, luego resuélvela cuando la necesites.

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);
  });

});