재스민을 통한 단위 테스트 AngularJS 컨트롤러

Question

일반적으로 Jasmine 및 단위 테스트를 통한 단위 테스트는 완벽한 루키입니다. 최근 작업으로 AngularJS 컨트롤러를 단위 테스트하려고합니다. 아래에서 당신은 내 코드와 내가 시도한 것을 볼 수 있으며, 대부분은 내가 갈 곳을 찾지 못했다. 어떤 도움을 주시면 감사하겠습니다 !!

컨트롤러

angular 
     .module('TDE') 
     .controller('LocationController', ['$rootScope', '$scope', '$location', '$window', '$document', 'LocationService', 'HeaderFooterService', 'SearchService', 'TranslationService', 'MTDE_CONFIG', 'LocationPartnerAssignmentService', 'ExperimentService', function ($rootScope, $scope, $location, $window, $document, $LocationService, $HeaderFooterService, $SearchService, $TranslationService, $MTDE_CONFIG, $LocationPartnerAssignmentService, $ExperimentService) { 

     //some non important code 
     //What I'm trying to test 
     $scope.boolTest= function(var){ 
      return true; //this method only returns true 
     } 
     //all I'm after is basic understanding, I've done countless searches but I can't get it 

    //other code 

도우미 파일 (테스트 파일)

beforeEach(function() { 
     angular.mock.module('LocationController'); // 
     inject(function ($injector) { 
      //$rootScope = $injector.get('$rootScope'); 
      //$scope = $rootScope.$new(); 
      //ctrl = $injector.get('$controller')("LocationController", { $scope: $scope }); 
      //Neither ctrl really functions that well 

      injector = $injector; 
      ctrl = $injector.get('$controller'); 
      scope = $injector.get('$rootScope').$new(); 
     }); 
    }); 

Spec.html 지금 나는 끼 었어 현재로

<!-- jasmine source --> 
    <link rel="shortcut icon" type="image/png" href="spec/lib/jasmine-1.2.0/jasmine_favicon.png"> 
    <link rel="stylesheet" type="text/css" href="spec/lib/jasmine-1.2.0/jasmine.css"> 
    <script type="text/javascript" src="spec/lib/jasmine-1.2.0/jasmine.js"></script> 
    <script type="text/javascript" src="spec/lib/jasmine-1.2.0/jasmine-html.js"></script> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script> 
    <script type="text/javascript" src="https://code.angularjs.org/1.1.0/angular-mocks.js"></script> 

    <!-- include source files here... --> 
    <script type="text/javascript" src="js/Location/LocationController.js"></script> 
    <!-- include spec files here... --> 
    <script type="text/javascript" src="spec/RTHelper.js"></script> 

, 나는 정말 기본적인 테스트를 얻을 수 있습니다 a + b와 같이 작동하고 결과를 확인하십시오. 그러나 필자는 $ scope에 대한 액세스를 얻을 수는 없습니다. ethod.

현재 오류 없음 모듈입니다 : 나는 'TDE'를 사용하지만, 아무것도, 누군가가 나를 도와주세요에 의해 그것을 시도했습니다 LocationController

!

Answer 1

이전 링크 죄송합니다. 귀하의 문제를 이미 이해하지 못했습니다.

단위 테스트를 설정하는 경우 Angular code를 테스트하고 CI 환경에 통합하는 가장 쉬운 방법 인 Karma (http://karma-runner.github.io/0.12/index.html)를 확인하는 것이 좋습니다.

어쨌든, 여기 재스민의 기본 컨트롤러를 테스트의 예

function MyControllerCtrl ($scope, Service) { 
    $scope.something = true; 
    $scope.set = Service.set; 
}; 

describe('MyControllerCtrl', function() { 

    // load the controller's module using angular.mock.module 
    beforeEach(module('myApp')); 

    var subject 
    , $scope 
    , Service = { // mock the Service service 
     set: function() {}, 
     } 
    ; 

    beforeEach(inject(function ($controller, $rootScope) { 
    $scope = $rootScope.$new(); // create a new clean scope 
    subject = $controller('MyControllerCtrl', { 
     Service: Service, 
     $scope: $scope, 
    }); 

    })); 

    it('should do something', function() { 
    expect($scope.something).toEqual(true); 
    }); 

    it('bind Service.set', function() { 
    expect($scope.set).toEqual(Service.set); 
    }); 

}); 

이 뒤에 아이디어는 각 시험 전에, 당신이 컨트롤러를 통과한다는 것입니다 귀하의 조롱 서비스 ($ 범위는 서비스에 불과하다) , 컨트롤러가해야 할 일을하는지 테스트합니다.

귀하의 경우 ($ scope.boolTest())를 기대할 수 있습니다. toEqual (true);