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を注入して構成します。ドキュメントにはたくさんの例があります。

---

FYI、あなたはすなわち、あなたの工場で

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