无法通过控制器对http调用进行单元测试

Question

我正在尝试编写一个代码来测试在我的控制器中完成的服务调用。我正在尝试对正在进行服务调用并带来数据的控制器中的特定功能进行单元测试。目前我正在尝试使用本地json，但它实际上会进行服务调用。

我知道首先我必须创建一个间谍对象，但我收到了错误，我的目标是成功地对控制器中发生的http调用进行单元测试。

我是单位测试的新手。请发布我的代码，请求你帮助我，从现在开始奋斗很多天。我也经历了很多解决方案，他们是如此不同让人感到困惑。非常感谢你的帮助

服务代码：

    //xlpApp is the module name
    xlpApp.factory('xlpServices', ['$rootScope', '$http', function($rootScope, 
    $http) {
    var xlpServices = {};
    xlpServices.getProgramData = function(){
          return $http.get(scripts/services/data/unitTesting.json'); 
     };

unit Testing.json代码：

    {
    "name":"unit testing"
    }

控制器代码：

$scope.events = {

    programData: function(){
            xlpServices.getProgramData().then(function(response) {
                if (response && response.data) {
                    $scope.testVariable= response.data.name;
                }
            });
        },
    selectSortingType : function(type) {
            $scope.selectedSorting = type;
            selectedFilter.sortingBy = $scope.selectedSorting;
        }   

}
$scope.events.programData();  

单元测试代码：

  describe('myProgramGpmCtrl', function() {
  beforeEach(module('xlp'));

  var $controller;

  beforeEach(inject(function(_$controller_){
    $controller = _$controller_;
  }));

describe('service call test', function() {
    var xlpServices , myService , $q;
    var $scope = {};

     beforeEach(inject(function(xlpServices,_$q_){
       xlpServices = xlpServices;
       $q = _$q_;
       var controller = $controller('myProgramGpmCtrl', { $scope: $scope });
       myService = jasmine.createSpyObj('xlpServices',['getProgramData']);
    }));

    it('Service call test ', function() {
      expect(myService.getProgramData).toHaveBeenCalled();
    }); 
});

});

错误：

      Expected spy xlpServices.getProgramData to have been called.

Answer 1

试试像，

describe('service call test', function() {
    var xlpServicesMock , myService , $q;
    var $scope = {};

     beforeEach(inject(function(xlpServices,_$q_){
       xlpServicesMock = xlpServices;
       $q = _$q_;
       spyOn(xlpServicesMock ,'getProgramData').and.callFake(function() {
        // we can return promise instead this custom object  
        return {
            then: (callback, errorCallback) => {
                callback('data to be passed to then callback');
                /* `callback` function should be invoked when you wanted to test the service for success response with status code 200.
                   `errorCallback` function should be invoked with 500 status code when you wanted to test the api failure
                Ex: callback({status: 200, data: <your data here>);
                    errorCallback({status: 500, data: <your error data>})
                You can prepare the response to be passed as you wanted.

                 */

            }
        };
       });

       var controller = $controller('myProgramGpmCtrl', { $scope: $scope, xlpServices: xlpServicesMock  });

    }));

    it('Service call test ', function() {
      $scope.events.programData();
      expect(myService.getProgramData).toHaveBeenCalled();
    }); 
});

网上有很好的资源。检查here和here