Испытательный угловой контроллер с «AS»

Question

Я хотел бы протестировать мой контроллер, я использовал «контроллер как» в приложении, теперь я испытываю себя за тестирование.

Контроллер: (половина моего контроллера)

(function(){ 
    angular.module('donateApp') 
     .controller('MainCtrl', mainCtrl); 

    mainCtrl.$inject = ['donateFactory', 'donateService', '$location']; 

    function mainCtrl(donateFactory, donateService, $location){ 
     var vm = this, 
     checked = false; 

     vm.submitted = false; 
     vm.submitingForm = false; 
     vm.amounts = [ 
     5, 10, 25, 50, 100 
     ]; 
     vm.regions = donateService.getRegion(); 
     vm.states = donateService.getStates(); 

Тестирование:

'use strict'; 

describe('Controller: MainCtrl', function() { 

    // load the controller's module 
    beforeEach(module('donateApp')); 

    var MainCtrl, 
    scope; 

    // Initialize the controller and a mock scope 
    beforeEach(inject(function ($controller, $rootScope) { 
    scope = $rootScope.$new(); 
    MainCtrl = $controller('MainCtrl as ctrl', { 
     $scope: scope 
    }); 

    $scope.ctrl = MainCtrl; 
    })); 

    it('Expect the form start with submitted as false', function() { 
    expect(MainCtrl.ctrl.submitted).toBeTruthy(); 
    }) 
}); 

Сообщение об ошибке я получаю:

TypeError: 'undefined' is not an object (evaluating 'MainCtrl.ctrl') at /Applications/MAMP/htdocs/test/spec/controllers/main.js:22

Я знаю, что это должно быть небольшое исправление для заставить его работать ... любой может помочь?

Благодарности куч

Answer 1

Это должно покрыть его ...

var MainCtrl, scope; 

beforeEach(function() { 
    module('donateApp'); 

    inject(function($controller, $rootScope) { 
     scope = $rootScope.$new(); 
     MainCtrl = $controller('MainCtrl as ctrl', { 
      $scope: scope 
     }); 
    }); 
}); 

it('publishes the controller on the scope as ctrl', function() { 
    // you don't need this test, it's just to show you that 
    // scope.ctrl is set correctly when using the "controller as" syntax 
    expect(scope.ctrl).toBe(MainCtrl); 
}); 

it('Expect the form start with submitted as false', function() { 
    expect(MainCtrl.submitted).toBeFalsy(); 
});