嘲諷角模塊依賴測試

Question

我試圖單元測試控制器代碼，需要其他模塊依賴一個模塊內，但一直沒能弄清楚如何正確地嘲笑他們。

我使用的茉莉花框架，並與噶（Testacular）上運行我的測試。

模塊代碼

var app = angular.module('events', ['af.widgets', 'angular-table']); 

app.controller('eventsCtrl', function([dependencies]){ 
    $scope.events = []; 
    ... 
}); 

規格代碼

describe('events module', function(){ 
    var $scope, 
     ctrl; 

    beforeEach(function(){ 
     angular.mock.module('af.widgets', []); 
     angular.mock.module('angular-table', []); 
     module('events', ['af.widgets', 'angular-table']); 
    }); 

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

    it('should have an empty events array', function(){ 
     expect($scope.events).toBe([]); 
    }) 
}); 

我得到的錯誤是噶是 「沒有模塊af.widgets」，所以很明顯，我不是嘲笑模塊依賴關係。任何提示？

Answer 1

結構，這樣我的文件已經使用此代碼：

beforeEach(function(){ 
    module('moduleToMock'); 
    module(function ($provide) { 
     $provide.value('yourService', serviceMock); 
    }); 
}); 

這是有用的，如果你想嘲笑服務也想要單元測試服務（在另一個茉莉形容）。 通過fscof提出的解決方案是好的，但你不能創建爲angular-table模塊單元測試。

Answer 2

這是我想通了：

我沒有加載任何「角表」模塊，我karma.conf.js文件，因此錯誤。起初，這是有意的，因爲我想測試沒有實際表模塊的'events'模塊。

我能夠很容易地在我所謂的「嘲笑/角table.js」測試文件夾中創建一個新文件嘲笑「角表」模塊，並添加以下代碼：

/嘲笑/角table.js

'use-strict'; 
angular.module('angular-table', []); 

我添加文件到我的karma.conf.js文件，與真正的「事件」模塊一起，我想測試：

karma.conf.js

... 
files = [ 
    JASMINE, 
    JASMINE_ADAPTER, 
    'scripts/libs/angular.js', 
    'scripts/libs/angular-mocks.js', 
    'scripts/events.js', // this is the real module. 
    'scripts/mocks/*.js', //loads all custom mocks. 
    'scripts/specs/*.spec.js' // loads my spec file. 
] 
... 

最後，在我的spec文件，我可以通過在beforeEach塊分別打電話給他們兩個模塊添加：

規格/ events.spec.js

beforeEach(function(){ 
    module('angular-table'); 
    module('events'); 
}); 

我計上心來。如果你想嘲笑那些聲明一個或多個服務我公頃模塊從this post

Answer 3

我最近發佈ngImprovedTesting，應該使在AngularJS模擬測試的方式更容易。

在你的情況下，只需使用下面你茉莉測試：

beforeEach(ModuleBuilder.forModule('events').serviceWithMocks('eventsCtrl').build()); 

更多有關ngImprovedTesting看看它的介紹性的博客文章：http://blog.jdriven.com/2014/07/ng-improved-testing-mock-testing-for-angularjs-made-easy/