jasmine을 사용하여 angularJS 안에 주입 된 서비스가있는 컨트롤러 테스트

Question

jasmine 및 angularJS로 코드를 테스트하는 방법을 이해하려고합니다. 필자는 컨트롤러와 주입 된 서비스로 테스트 프로젝트를 작성했습니다. 이제 컨트롤러를 테스트하고 주입 된 서비스를 모의하려고했습니다. 그러나 나는 컨트롤러에서 "Arrived"기능을 테스트하는 방법을 찾지 못했습니다. http://jsfiddle.net/2fwxS/

controller.js :

angular.module('myApp.controllers', []) 
    .controller('MyCtrl', ['$scope', 'MyService', function ($scope, MyService) { 
    $scope.User = {}; 
    $scope.HasUserArrived = false; 
    $scope.Arrived = function(firstname, lastname) { 
    $scope.HasUserArrived = MyService.Arrive(firstname, lastname); 
    return $scope.HasUserArrived; 
    } 
}]); 

services.js : 여기 내 jsfiddle의

var myApp = angular.module('myApp.services', []). 
    value('version', '0.1'); 

myApp.factory('MyService', [function() { 
    return { 
     HasArrived: false, 
     Arrive: function (firstname, lastname) { 
      this.HasArrived = false; 

      if (firstname && lastname) { 
       this.HasArrived = true; 
      } 

      console.log("User has arrived: " + this.HasArrived); 
      return this.HasArrived; 
     } 
    } 
}]); 

나는 $이 될 수 제공하는 몇 가지 유사한 설명을 발견 올바른 해결책 (How can I write jasmine test for angular controller and service like this?) 또는 createSpy (How do you mock Angular service that is a function?)하지만 $ provider.factory 또는 $ provider.value가 필요한 시점을 이해할 수 없거나 언제 createSpy를 사용해야합니까?

누군가가 나에게 차이를 이해하는 데 도움이하고 실행 내 jsFiddle ( http://jsfiddle.net/2fwxS/) 예를 비활성화 코드를 얻을 수 있다면 감사하겠습니다

...

Answer 1

다음을 교체하기 위해 $provide.value를 사용해야합니다 조롱 하나 원래의 서비스 인스턴스 : $provide.value 작동하지만 $provide.factory하지 않는 이유

beforeEach(module(function($provide) { 
    var service = { 
     Arrive: function (firstname, lastname) { 
      if (firstname && lastname) { 
       return true; 
      } 
     } 
    }; 
    $provide.value('MyService', service); 
})); 

난 정말 모르겠어요. 각도 코드를 나중에 살펴보고 알아낼 수 있도록 노력하겠습니다. 뭔가를 발견하면이 답변을 업데이트하겠습니다.

스파이에 관해서는, 당신이 당신의 모의이 그들이 의도 한대로 사용되고 있는지 테스트하고 싶다면 그들을 사용해야합니다. 여기에는 매개 변수와 호출 검사가 포함됩니다. 스파이를 사용하도록 코드가 변경되었습니다.

it('checks that Arrived is correctly used', function() { 
    // Arrange 
    spyOn(service, 'Arrive'); 

    // Act 
    scope.Arrived('Franz', 'Kafka'); 

    // Assert 
    expect(service.Arrive).toHaveBeenCalledWith('Franz', 'Kafka'); 
}); 

여기에 고정 jsFiddle이 있습니다.