AngularJS - Controller not registered

Question

I am starting out on AngularJS Unit Testing and I am getting an error like Controller with name "SiteCtrl" is not registered.

What I am doing wrong here?

describe('#hasFormError', function () {

    var $rootScope,form, templateHtml, ctrl,$scope,scope;

    angular.module("TestApp");
    beforeEach(function () {
        angular.module("TestApp");
    });

    beforeEach(inject(function ($rootScope, $controller, $compile, $templateCache) {
        $scope = $rootScope.$new();
        ctrl = $controller;
        ctrl('SiteCtrl', { $scope: scope });

        var a1 = angular.element('<div class="page_container" ng-controller="SiteCtrl"><form name="shan"><div class="zip"><input ng-if="max_length == 5" type="text" name="zipcode" value="" ng-model="Sitezip.zipcode" ng-pattern="/^[0-9]*$/" ng-maxlength="max_length" required><input ng-if="max_length == 7" type="text" name="zipcode" value="" ng-model="store_zip.zipcode" ng-pattern="/^[a-zA-Z0-9]*$/" ng-maxlength="max_length" required></form></div>');


        $compile(a1)($scope);
       form = $scope.shan;  
        $scope.$apply()


    }));


    it("TestCase :controller  defined \n", function () {
        expect(ctrl).toBeTruthy();
    }); 

    it("TestZipCode", function () {
        form.zipcode.$setViewValue("4535433123123");
        expect(form.zipcode.$valid).toBeTruthy();
     });


});

Answer 1

You have to inject 'SiteCtrl' in any js file After that you can use it.

app.controller("SiteCtrl",SiteCtrl);
SiteCtrl.$inject = ['$scope','$state','$filter'];