성공 또는 오류시 약속을 처리하는 방법

Question

나는 ionic app을 썼다. 나는 그것에 문제를 직면하고있다 그것에 시험을 추가하기 시작했다 $resources.

angular.module('starter.services', []) 
 
    .factory('API', function($rootScope, $resource, $ionicPopup, $ionicLoading, $window) { 
 
     return { 
 
     newAccountInfo: $resource(base + '/restoreinfo/:restCode', { 
 
      restCode: '@_restCode' 
 
     }, { 
 
      update: { 
 
      method: 'PUT' 
 
      } 
 
     }, { 
 
      stripTrailingSlashes: false 
 
     }); 
 
     }

과의 :

그리고 서비스

.controller('newAccountCtrl', function($scope, $window, $rootScope, API, $ionicPopup, $state) { 
 
    $scope.newData = {}; 
 
    $scope.$on('$ionicView.enter', function() { 
 

 
    $scope.newData = {}; 
 
    }); 
 
    $scope.newInfo = function() { 
 
    API.newAccountInfo.update({ 
 
     restCode: $scope.newData.restore_code 
 
    }, $scope.newData, function(res, header) { 
 
     $scope.comty = 'update'; 
 
     $window.location.href = '#/login'; 
 
    }, function(err) { 
 
     if (err.data == null) 
 
     $rootScope.popup("Error", "no connection"); 
 
     else 
 
     $rootScope.popup('error', err.data.error); 
 
    }); 
 
    } 
 
})

내가 기능에 $resources를 사용하여 요청을이 경우 나는이 컨트롤러가 내 테스트는 다음 코드 :

,

describe('newAccountCtrl', function() { 
 

 
    var controller, 
 
    deferredLogup, window, scope, 
 
    $rootScope, 
 
    $q, store, API, 
 
    PROMISE = { 
 
     resolve: true, 
 
     reject: false 
 
    }; 
 
    beforeEach(angular.mock.module('starter')); 
 
    beforeEach(module('starter.controllers')); 
 
    beforeEach(module('starter.services')); 
 
    beforeEach(module(function($provide, $urlRouterProvider) { 
 
    $provide.value('$ionicTemplateCache', function() {}); 
 
    $urlRouterProvider.deferIntercept(); 
 
    })); 
 

 
    beforeEach(inject(function($controller, _$rootScope_, $q, _API_, _$window_) { 
 
    $q = $q; 
 

 
    deferredLogup = $q.defer(); 
 
    $rootScope = _$rootScope_; 
 
    spyOn($rootScope, 'popup') 
 
    scope = $rootScope.$new(); 
 
    API = _API_; 
 
    window = _$window_; 
 

 
    spyOn(API.newAccountInfo, 'update').and.callThrough(function(callback) { 
 
     deferredLogup.promise.then(callback); 
 
     return deferredLogup.promise; 
 
    }); 
 

 
    controller = $controller('newAccountCtrl', { 
 
     '$scope': scope, 
 
     'API': API, 
 
     '$window': window 
 
    }); 
 

 
    })); 
 
    it('expect API.newAccountInfo to Have Been Called', function() { 
 
    scope.getloghist(); 
 
    expect(API.newAccountInfo.upadate).toHaveBeenCalled(); 
 
    }) 
 

 
    it('on success ', function() { 
 
    scope.newInfo(); 
 
    deferredLogup.resolve(); 
 
    scope.$digest(); 
 
    expect(scope.comty).toBeDefined(); 
 
    }); 
 

 
    it('on unsuccessful', function() { 
 
    scope.newInfo(); 
 
    deferredLogup.reject(); 
 
    scope.$digest() 
 
    expect($rootScope.popup).toHaveBeenCalled(); 
 
    }); 
 
});

먼저 통과 기대하지만,

오류

에 반환 "성공"두 번째 "정의되지 않은 예상은 정의 할".

단위 테스트를 처음 사용했습니다. 내가 여기서 무엇을 놓치고 있니? 당신의 스파이에

Answer 1

:

spyOn(API.newAccountInfo, 'update').and.callThrough(function(callback){ 
    deferredLogup.promise.then(callback); 
    return deferredLogup.promise; 
}); 

.and.callThrough는 기능을 추적합니다. 그것은 그것을 모의하지 않습니다 (따라서 당신이 전달하는 함수는 아무 것도하지 않습니다). 워드 프로세서에서 :

and.callThrough와 스파이 체인함으로써, 스파이 여전히 모든 통화를 추적하지만 것뿐만 아니라 그것을 것 실제 구현에 대표.

'당신이 감시하는 실제 기능을 실행합니다'라는 환상적인 이야기입니다.

전달 된 기능을 추적하고 조롱하는 .and.callFake처럼 보이게됩니다.

편집 잘못보다 한 가지처럼 보이기 때문에 :

spyOn(API.newAccountInfo,'update').and.callFake(function(callback){ 
    deferredLogup.promise.then(callback); 
    return deferredLogup.promise; 
}); 

그래서, 당신이 익명의 기능을 조롱하고 있습니다 :

function(callback){ 
    deferredLogup.promise.then(callback); 
    return deferredLogup.promise; 
} 

이^기능은 이제 API.newAccountInfo.update 역할을합니다. 이 함수는 매개 변수를 먼저 취하고 매개 변수를 콜백으로 실행합니다. 당신이 API.newAccountInfo.update를 실행하는 곳을 찾아 이동

API.newAccountInfo.update({ 
    restCode: $scope.newData.restore_code 
}, $scope.newData, function(res, header) { 
    $scope.comty = 'update'; 
    $window.location.href = '#/login'; 
}, function(err) { 
    if (err.data == null) 
    $rootScope.popup("Error", "no connection"); 
    else 
    $rootScope.popup('error', err.data.error); 
}); 

//Simplifying this: 

API.newAccountInfo.update([Object], [Object], successCallback, errorCallback) 

당신은 세 번째 및 네 번째 매개 변수가 아닌 첫 번째로 콜백을 전달하고 있습니다. 하지만 귀하의 모의는 첫 번째 매개 변수를 실행하려고합니다.그래서 그것은 deferredLogup.promise.then에 (함수가 아닌) 객체를 공급하려고합니다.

귀하의 스파이는 다음과 같아야합니다 도움이

spyOn(API.newAccountInfo,'update').and.callFake(function(param1, param2, callback, errorCallback){ 
    deferredLogup.promise.then(callback); 
    return deferredLogup.promise; 
}); 

희망을.