AngularJS測試中的Karma錯誤

我想了解grunt-karma插件和茉莉花框架來編寫首次業力測試。當我運行業力測試（咕嚕測試）我看到初始化模塊，範圍的錯誤。我究竟做錯了什麼？謝謝你的幫助。AngularJS測試中的Karma錯誤

gruntfile.js

karma: { 
     unit: { 
      configFile: 'karma.conf.js' 
     } 
     } 

grunt.registerTask('test',['karma:unit']);

karma.conf.js

files: [ 
    'scripts/bower_components/angular/angular.js', 
    'scripts/bower_components/angular-mocks/angular-mocks.js', 
    'config/config.js', 
    'scripts/app.js', 
    'scripts/controllers/*.js', 
    'test/unittest/personController.test.js' 
],

app.js

var app = angular.module('myApp', ['services.config']);

personController.js

app.controller('personCtrl', ['$scope', function($scope) { 
    $scope.firstName = "John"; 
    $scope.lastName = "Doe"; 
    $scope.fullName = function() { 
     return $scope.firstName + " " + $scope.lastName; 
    }; 
}]);

個

config.js（service.config）

'use strict'; 

angular.module('services.config', []) 
    .constant('configuration', { 
    getAllBooks: '@@getAllBooks' 
});

personController.test.js

describe('Testing AngularJS SampleApp [app]', function(){ 

    //myApp will be loaded once instead of mentioning in every it() function 
    beforeEach(module('myApp')); 

    describe('1.Testing SampleApp Controllers', function(){ 

     var scope; 
     var ctrl; 

     //loading controller once inside describe instead of every it() function 
     beforeEach(inject(function($controller,$rootScope){ 
       scope = $rootScope.$new(); 
       ctrl = $controller('personCtrl',{$scope:scope}); 
      })); 

     afterEach(function(){ 
      //clean-up code 
     }); 

     it('should initialize the scope', function(){ 
      expect(scope.firstName).toBeDefined('John'); 
      expect(scope.lastName).toBeDefined('Doe'); 
     }); 

    }); 
});

ERROR：

15 09 2016 17:08:37.568:INFO [Chrome 52.0.2743 (Mac OS X 10.10.5)]: Connected on socket /#Pq9aUWSZ6FSyQjeRAAAA with id 50553444 
Chrome 52.0.2743 (Mac OS X 10.10.5) Testing AngularJS SampleApp [app] 1.Testing SampleApp Controllers should initialize the scope FAILED 
    Error: [$injector:modulerr] Failed to instantiate module services.config due to: 
    Error: [ng:areq] Argument 'fn' is not a function, got string 
    http://errors.angularjs.org/1.4.8/ng/areq?p0=fn&p1=not%20a%20function%2C%20got%20string 
     at scripts/bower_components/angular/angular.js:68:12

和

at Object.workFn (scripts/bower_components/angular-mocks/angular-mocks.js:3074:52) 
    TypeError: Cannot read property 'firstName' of undefined 
     at Object.<anonymous> (test/unittest/personController.test.js:23:16) 
Chrome 52.0.2743 (Mac OS X 10.10.5): Executed 1 of 1 (1 FAILED) ERROR (0.034 secs/0.02 secs)

問題：
1.從grunt file.js引用karma.con.js的最佳方式是什麼？我讀過一些博客，我們也可以覆蓋grunt文件中的所有karma.conf.js屬性，而不是引用文件？
2.在xxx.test.js文件中訪問控制器作用域的最佳方式是什麼？

來源

2016-09-15 Mad-D

services.config模塊中存在錯誤，錯誤明確指出了這一點。請提供services.config模塊的源代碼 – estus

@estus：謝謝你的時間。我用config.js文件編輯了定義service.config的問題。代碼工作正常，也沒有看到任何錯誤。但測試失敗。 –

我能夠解決問題，謝謝estus指出問題，我應該已經意識到。

personController.test.js

beforeEach(module('services.config')); 
beforeEach(module('myApp'));

我沒有加載services.config模塊，其在myApp使用。然後我得到TypeError的錯誤：angular.element.cleanData不是一個函數。我必須確保版本angular和angular-mocks是相同的。

外賣
1.load加載應用程序
2.增加angualr，angualr-嘲笑，並鏈接到所有的腳本文件，以之前的所有依賴模塊
3.確保安裝兼容的角度和角度嘲諷版本

來源

2016-09-16 19:46:16

AngularJS測試中的Karma錯誤

回答

相關問題