用jasmine和bindToController綁定angular指令屬性到控制器true

Question

我試圖用karma和jasmine測試指令。我使用的是角1.4，我在這裏搜索了不同的東西，並通過互聯網，但我無法使它工作。

var angular = require('angular'); 

module.exports = angular.module('myApp.ui.apps.servicesObject.list', []) 

.directive('servicesObjectList', function(){ 
    return { 
     restrict: 'E', 
     replace: true, 
     scope: true, 
     bindToController: { 
      services: '=', 
      selectedServices: '=' 
     }, 
     templateUrl: 'app/ui/apps/services/directives/services.html', 
     controllerAs: 'servicesListCtrl', 
     controller: 'ServicesListController' 
    } 
}) 

.controller('ServicesListController', require('./servicesListController')); 

這就是我要如何測試它。

describe('Service app test, listDirective' , function(){ 
    var element, scope, controller; 

    beforeEach(function(){ 
     angular.mock.module('templates'); 
     angular.mock.module('myApp.ui.apps.servicesObject.list', function($provide) { 
      $provide.value('gettextCatalog', { getString: function(){}}); 
      $provide.value('translateFilter', function(){}); 
     }); 
    }); 

    beforeEach(inject(function($rootScope, $compile, $controller){ 
     scope = $rootScope; 
     scope.services= _servicesMock_; 
     element = '<services-object-list selected-services="[]" services="services"></services-object-list>'; 

     $compile(element)(scope); 
     scope.$digest(); 

     controller = $controller('ServicesListController', {$scope: scope}); 
     console.log(controller.getServices());    
    })); 

    it ("First test", function(){ 
     expect(true).toBe(true); 
    }); 
}); 

，我的問題是該服務不是在我的控制器只有在範圍內結合。我做錯了什麼？如果我做控制檯（controller.getServices（））。它返回我未定義的，而不是我作爲屬性傳遞的服務。我的生產代碼按預期工作，但沒有測試。

非常感謝！

Answer 1

幾個小時後，我發現在角度1.3中添加了一個新功能，以便使unitTesting中的綁定更容易。這裏是討論的主題https://github.com/angular/angular.js/issues/9425

基本上第三個參數被添加到控制器構造函數服務中，您可以傳遞綁定到控制器的數據。

所以unitTest配置就是這樣。

describe('Service app test, listDirective' , function(){ 
    var element, scope, controller; 

    beforeEach(function(){ 
     angular.mock.module('templates'); 
     angular.mock.module('myApp.ui.apps.servicesObject.list', function($provide) { 
      $provide.value('gettextCatalog', { getString: function(){}}); 
      $provide.value('translateFilter', function(){}); 
     }); 
    }); 

    beforeEach(inject(function($rootScope, $compile, $controller){ 
     var data = { 
      services: _servicesMock_ 
     }; 
     scope = $rootScope; 
     scope.services= _servicesMock_; 
     element = '<services-object-list selected-services="[]" services="services"></services-object-list>'; 

     $compile(element)(scope); 
     scope.$digest(); 

     controller = $controller('ServicesListController', {$scope: scope}, data); 
     console.log(controller.getServices());    
    })); 

    it ("First test", function(){ 
     expect(true).toBe(true); 
    }); 
});