AngularJS에서 servicesSpec 및 controllersSpec에 대한 전역 $ httpBackend를 정의하려면 어떻게해야합니까?

Question

내 컨트롤러는 http 요청을하는 서비스에 의존합니다. 컨트롤러 및 서비스 테스트에는 모두 동일한 데이터가있는 httpBackend가 필요합니다. 해결 방법에 대해 알고 있습니까?

Answer 1

난 당신의 코드는 다음과 같습니다 상상 : 위해

angular.module('MyApp', []) 
    .controller('MyCtrl', function($scope, MyService) { 
     $scope.doSomething = function() { 
      MyService.doSomething(); 
     }; 
    }) 
    .service('MyService', function($http) { 
     $http.get('some-url') 
      .success(function(response) { 
       // Handles the response 
      }); 
    }); 

단위 테스트 MyCtrl에 당신이 종속성을 조롱해야 $scope 및 MyService을. 그래서 테스트에서이 작업을 수행 할 수 있습니다

describe('MyCtrl', function() { 
    var MyServiceMock, 
     scope; 

    beforeEach(function() { 
     module('MyApp'); 

     // Creates a mock (spy) for MyService 
     MyServiceMock = jasmine.createSpyObj('MyService', ['doSomething']); 

     inject(function($provide) { 
      // Tells Angular to use MyServiceMock instead of MyService 
      $provide.value('MyService', MyServiceMock); 
     }); 

     inject(function($controller, $rootScope) { 
      scope = $rootScope.$new(); 
      $controller('MyCtrl', { $scope: scope }); 
     }); 
    }); 

    it('calls doSomething of MyService', function() { 
     $scope.doSomething(); 
     expect(MyServiceMock.doSomething).toHaveBeenCalled(); 
    }); 
}); 

당신이 MyService의 실제 인스턴스를 사용하지 않고도 MyCtrl을 테스트 할 수 있습니다 그 방법을.

$httpBackend 서비스를 사용하여 MyService에 대한 테스트 작성 방법을 알고 있다고 가정합니다. 여기서는 코드를 게시하지 않겠습니다.