Angular的Jasmine测试找不到我的控制器

Question

我在为Angular应用设置Jasmine测试时遇到麻烦。 Jasmine找不到我的控制器（我怀疑它根本找不到我的应用程序）。

这是一个示例，演示了我遇到的问题：

angular.module('testMod', [])
    .controller('testController', ['$scope', function($scope) {
        $scope.person = {name: 'Jim', age: 14};

        function innerFunction() {}

    }]);

测试：

  describe('testMod suite', function() {

        var $rootScope, myController;

        beforeEach( inject(function($injector) {
            angular.module('testMod');

            $rootScope = $injector.get('$rootScope');
            var $controller = $injector.get('$controller');
            myController = $controller('testController', {$scope: $rootScope});

        }) );

    it('works', function() {
        expect( typeof myController.innerFunction).toBe('function');
    });
});

它在线上失败

myController = $controller('testController', {$scope: $rootScope});

我看到的错误是：

Error: [ng:areq] Argument 'testController' is not a function, got undefined

我正在为Jasmine使用独立的SpecRunner.html，并加载了我的应用程序和规范：

   <!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Jasmine Spec Runner v2.0.0</title>

  <link rel="shortcut icon" type="image/png" href="lib/jasmine-2.0.0/jasmine_favicon.png">
  <link rel="stylesheet" type="text/css" href="lib/jasmine-2.0.0/jasmine.css">

  <script type="text/javascript" src="lib/jasmine-2.0.0/jasmine.js"></script>
  <script type="text/javascript" src="lib/jasmine-2.0.0/jasmine-html.js"></script>
  <script type="text/javascript" src="lib/jasmine-2.0.0/boot.js"></script>
  <!-- angular-mock must be loaded AFTER Jasmine -->
  <script type="text/javascript" src="../src/angular-1.2.5.min.js"></script>
  <script type="text/javascript" src="../src/angular-mock-1.2.5.js"></script>

    <!-- include source files here... -->
  <script type="text/javascript" src="../src/testMod.js"></script>

  <!-- include spec files here... -->
  <script type="text/javascript" src="spec/testMod.Test.js"></script>

</head>

<body>
</body>
</html>

任何建议表示赞赏-我已经为此努力了一段时间。

Answer 1

您的测试有几个问题：

您没有正确注入示波器。
您没有正确使用范围。
有一个toBeDefined（）方法可以检查是否定义了函数，而无需进行类型检查。

将测试中的代码更改为

describe('testMod suite', function() {

var $rootScope, testController;

beforeEach(module('testMod'));
beforeEach(inject(function($controller, $rootScope) {
    myScope = $rootScope.$new();
    ctrl = $controller('testController', {
        $scope: myScope
    });
}));

it('works', function() {
    expect( myScope.innerFunction).toBeDefined();
});
});

另外，将您的角度控制器代码更改为：

angular.module('testMod', [])
.controller('testController', ['$scope', function($scope) {
    $scope.person = {name: 'Jim', age: 14};

    $scope.innerFunction = function() {}

}]);

Angular的Jasmine测试找不到我的控制器

问题描述

1 个解决方案

解决方案1
2 已采纳 2014-01-22 22:45:40

Angular的Jasmine测试找不到我的控制器

问题描述

1 个解决方案

解决方案1 2 已采纳 2014-01-22 22:45:40

解决方案1
2 已采纳 2014-01-22 22:45:40