我对AngularJS单元测试有疑问。单元测试中的范围未定义。但首先是源代码:
主角度模块:
var app = angular.module('App', [
'AppCtrl',
'AppServices',
'AppDirectives',
'ngGrid',
'ui.bootstrap',
'angular-growl',
'ngAnimate'
]);
控制器模块:
var appCtrl = angular.module('AppCtrl', []);
最后控制器要测试为简化版本:
appCtrl.controller('SignalListCtrl', ['$scope',
function($scope) {
$scope.name = "World";
}]);
现在测试。版本1:
describe("App", function () {
beforeEach(module("App"));
describe("SignalListCtrl", function () {
var scope, controller;
beforeEach(inject(function ($rootScope, $controller) {
scope = $rootScope.$new();
controller = $controller("SignalListCtrl", {$scope: scope});
//controller = $controller;
scope.$digest();
}));
it("should print World", function () {
//controller("SignalListCtrl", {$scope: scope});
expect(scope.name).toBe("World");
});
});
});
错误消息:scope is undefined
。
版本2:
describe("App", function () {
beforeEach(module("App"));
describe("SignalListCtrl", function () {
var scope, controller;
beforeEach(inject(function ($rootScope, $controller) {
scope = $rootScope.$new();
//controller = $controller("SignalListCtrl", {$scope: scope});
controller = $controller;
scope.$digest();
}));
it("should print World", function () {
controller("SignalListCtrl", {$scope: scope});
expect(scope.name).toBe("World");
});
});
});
错误消息:controller is not a function
。
我使用业力,如果它取决于此。
这是来自angular-seed的karma.conf。这些都是我使用过的库。我想我不需要每个lib测试,所以我评论了这一点。如果所有内容都取消注释,则会发生相同的错误。 编辑:我使用的每个lib现在都在karma.conf中。我得到了相同的错误消息。
module.exports = function(config){
config.set({
basePath : '../',
files : [
'app/lib/jquery/jquery.js',
'app/lib/jquery/jquery-ui-dialog.js',
'app/lib/jquery/jquery-dialog.js',
'app/lib/angular/angular.js',
'app/lib/angular/angular-*.js',
'app/lib/angular/growl/*.js',
'app/lib/bootstrap/*.js',
'app/lib/highcharts/highcharts.js',
'app/lib/highcharts/export.js',
'app/lib/xml2json/*.js',
'app/js/*.js',
'test/lib/angular/angular-mocks.js',
'test/unit/*.js'
],
exclude : [
],
autoWatch : true,
frameworks: ['jasmine'],
browsers : ['Firefox'],
plugins : [
'karma-junit-reporter',
'karma-chrome-launcher',
'karma-firefox-launcher',
'karma-jasmine'
],
junitReporter : {
outputFile: 'test_out/unit.xml',
suite: 'unit'
}
})};
为什么范围未定义?范围获取$ rootScope。$ new()。 我希望有人可以帮助我。
感谢。
P.S:我在GoogleGroups上问了同样的问题 - > https://groups.google.com/forum/#!topic/angular/4oAEVLbEZT4
但显然没有人可以帮助我。
答案 0 :(得分:3)
试试这个
describe("App", function () {
beforeEach(module("App"));
describe("SignalListCtrl", function () {
var scope ,ctrl;
beforeEach(inject(function ($rootScope, $controller) {
scope = $rootScope.$new();
ctrl= $controller("SignalListCtrl", {$scope: scope});
}));
it("should print World", function () {
expect(ctrl.name).toBe("World");
});
});
});