http : //

Question

으로 서비스를 호출하는 카르마 테스트 컨트롤러 내 컨트롤러 함수 getData 및 팩토리 기능에 대한 테스트를 실행하는 가장 좋은 방법을 알려줄 수 있습니까? 나는 매우 혼란스럽고 어디서부터 시작해야할지 모른다. 아래 코드에 대한 테스트를 작성 하시겠습니까?

myApp.controller('myController', ['$scope', 'myFactory', function ($scope, myFactory) { 

    $scope.getData = function(id) { 
     var promise = myFactory.GetData('/dta/GetData?Id=' + id); 
     promise 
     .then(function (success) { 
      $scope.result = success; 
     }, function (error) { 
      $scope.error = true; 
     }); 
    } 
}); 


myApp.factory('myFactory', ['$http', function ($http) { 
    return { 
     GetData: function (url) { 
      return $http.get(url) 
      .then(function (response) { 
       return response.data; 
      }, function (error) { 
       return error; 
      }); 
     } 
    } 
}]); 

Answer 1

각 구성 요소를 개별적으로 테스트해야합니다 (단위 테스트의 목적). 당신의 공장 컨트롤러

describe('myController test',() => { 
    let scope, myFactory; 

    beforeEach(() => { 
     myFactory = jasmine.createSpyObj('myFactory', ['GetData']);    

     module('your-module-name'); 
     inject(function($rootScope, $controller) { 
      scope = $rootScope.$new(); 

      $controller('myController', { 
       $scope: scope, 
       myFactory: myfactory 
      }); 
     }); 
    }); 

    it('getData assigns result on success', inject(function($q) { 
     let id = 1, success = 'success'; 
     myFactory.GetData.and.returnValue($q.when(success)); 

     scope.getData(id); 
     expect(myFactory.GetData).toHaveBeenCalledWith('/dta/GetData?Id=' + id); 
     scope.$digest(); // resolve promises 
     expect(scope.result).toBe(success); 
    })); 

    it('getData assigns error on rejections', inject(function($q) { 
     myFactory.GetData.and.returnValue($q.reject('error')); 

     scope.getData('whatever'); 
     scope.$digest(); 
     expect(scope.error).toEqual(true); 
    })); 
}); 

이 같은 뭔가 별도의 describe을 만들고 주입 및 $httpBackend을 구성합니다. 문서에는 많은 예제가 있습니다.

---

참고로, 당신은 즉, 귀하의 공장에서

return $http.get(url).then(response => response.data); 

를 오류 처리기를 생략해야하거나 현재 실패한 요청을 변환하는대로 ES2015

return $http.get(url).then(function(response) { 
    return response.data; 
}); 

마음에 들지 않는 경우 성공적인 약속으로

---

사실, 나는 단순한 $http

GetData: function(id) { 
    return $http.get('/dta/GetData', { 
     params: { Id: id } 
    }).then(function(res) { 
     return res.data; 
    }); 
}