Angular JS +茉莉花测试控制器

Question

我在controllersSpec.coffee Angular App代码中有一个简单的测试：

describe 'Controllers', ->
  beforeEach ->
    angular.module 'app'
  describe 'MainCtrl', ->
    beforeEach inject ($controller, $rootScope) ->
      scope = $rootScope.$new()
      ctrl = $controller 'MainCtrl', $scope: scope
    it 'should be true', ->
      expect(true).toEqual(true)

和SpecRunner.html文件进行测试：

<html lang="eu">
  <head>
    <title>Angular Test Runner</title>
    <script src="../js/libs/jquery.js"></script>
    <script src="lib/jasmine.js"></script>
    <script src="lib/jasmine-html.js"></script>
    <script src="../js/libs/underscore.js"></script>
    <script src="../js/libs/angular.js"></script>
    <script src="lib/angular/angular-mocks.js"></script>
    <script src="lib/angular/angular-scenario.js" ng-autotest></script>
    <script src="../js/controllers.js"></script>
    <script src="controllersSpec.js"></script>
    <script type="text/javascript">
    (function() {
    var jasmineEnv = jasmine.getEnv();
    jasmineEnv.updateInterval = 1000;
        var htmlReporter = new jasmine.HtmlReporter();
    jasmineEnv.addReporter(htmlReporter);
    jasmineEnv.specFilter = function(spec) {
      return htmlReporter.specFilter(spec);
        };
    var currentWindowOnload = window.onload;
    window.onload = function() {
      if (currentWindowOnload) {
        currentWindowOnload();
          }
          execJasmine();
        };
        function execJasmine() {
       jasmineEnv.execute();
    }
    })();
    </script>
    </head>
    <body>
    </body>
</html>

抛出错误，关于angular-mock中的'$ modules'：

TypeError: Cannot read property '$modules' of null
    at Object.workFn (http://localhost/lolobot/test/lib/angular/angular-mocks.js:1745:25)
    at Object.<anonymous> (http://localhost/lolobot/test/lib/angular/angular-scenario.js:24673:54)
    at Array.forEach (native)
    at Object.forEach (http://localhost/lolobot/test/lib/angular/angular-scenario.js:9538:11)

你可以帮我解决这个问题吗？ 这是我的第一个测试角应用程序。

Answer 1

我认为你需要一些Angular包。 我把整个套房都包括在我的跑步者里。 我不认为我实际上需要它们，但我试图删除一些并且失败了。 具体来说，我有这些：

angular.js
angular-bootstrap.js
angular-cookies.js
angular-loader.js
angular-mocks.js
angular-resource.js
angular-sanitize.js

此外，在您的测试中，您可能希望拥有

controller = null
scope = null

在您describe块中的任何其他内容之前。 否则，您的控制器和作用域最终会作为inject函数中的局部变量。

Angular JS +茉莉花测试控制器

问题描述

1 个解决方案

解决方案1
0 2013-04-10 23:12:56

Angular JS +茉莉花测试控制器

问题描述

1 个解决方案

解决方案1 0 2013-04-10 23:12:56

解决方案1
0 2013-04-10 23:12:56