angularjs - 在 Controller 中测试命名函数

Question

新手 Jasmine/Angular 问题。

我在 Controller 中有一个命名函数，如下所示:

.controller( 'DummyCtrl', function DummyCtrl($scope){
   var doSomething = function() {
      return "blah";
   };
})

我需要测试这个函数，并尝试通过调用以下 Jasmine 规范来测试:

describe ('myApp', function(){
  var $scope, $controller;
  var DummyCtrl;

  beforeEach(module('myApp'));

  describe('controllers', function(){
    beforeEach(inject(function ($controller, $rootScope){
      $scope = $rootScope.$new();
      DummyCtrl = $controller('DummyCtrl', {$scope: $scope});
    }));

    describe( 'DummyCtrl', function(){
            var blah;

            beforeEach(function(){
                blah = DummyCtrl.doSomething();
            });

            it('should do something', function(){
                expect(blah).toContain("blah");
            });
    });
  });
});

结果并没有解决问题，而是出现以下错误:TypeError: Object #<DummyCtrl> has no method 'doSomething' 。我假设这是我不理解的 super 简单的事情。

Answer 1

您为 Controller 注册提供的函数 DummyCtrl 将被 Angular 用作构造函数。如果您需要 Controller 实例公开 function doSomething 而不将其附加到 $scope，则应将其附加到 this。

尝试改变

var something = function(...

到

this.something = function(...

并且您的测试应该有效。

您可以在此处查看此方法:http://jsfiddle.net/yianisn/8P9Mv/ 。另请看看这个问题:How to write testable controllers with private methods in AngularJs?