在Controller中测试命名函数

时间:2013-06-18 22:16:23

标签: angularjs jasmine

新手Jasmine / Angular问题。

我在控制器中有一个命名函数,如:

.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'。我假设这是一个非常简单的东西,我不理解。

2 个答案:

答案 0 :(得分:18)

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

尝试更改

var something = function(...

this.something = function(...

你的测试应该有效。

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

答案 1 :(得分:5)

从某种意义上说,使用这样的函数是私有的,不能从函数外部访问。请看一下这个链接:http://javascript.crockford.com/private.html

基本上所说的是在javascript中有一个函数/对象,任何带有this.前缀的东西都是公共的,带有var前缀的任何东西都是私有的。

对于Angular,你绝对可以拥有私有变量和函数,如果不仅仅是为了减少$scope变量的内存使用量。您的$scope对象应调用私有函数以获取用户显示/使用的值。尝试将其更改为:

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

然后用:

测试私有函数
describe( 'DummyCtrl', function(){
    var scope = {},
        ctrl = new DummyCtrl(scope);
    it('should do something', function(){
        expect(scope.something).toMatch('blah');
    });
});