茉莉花单元测试$ scope访问

Question

Why am I unable to access my function in my Controller? The code functions like I would expect it too, however, it doesn't seem to want to allow me access to my function that I'm trying to unit test. It should just return a simple bool, but it's getting killed somewhere.

Here's some code:

RTHelper.js

describe('Unit: LocationController', function () {
    var $scope, $httpBackend, $location, injector, ctrl, $controller;
    //beforeEach(function () {
    //    angular.module('TDE').controller('LocationController'); //
    //    inject(function ($injector) {
    //        $rootScope = $injector.get('$rootScope');
    //        $scope = $rootScope.$new();
    //        //ctrl = $injector.get('$controller')("LocationController", { $scope: $scope });
    //        injector = $injector;
    //        ctrl = $injector.get('$controller');
    //        //scope = $injector.get('$rootScope').$new();
    //        $httpBackend = $injector.get('$httpBackend');
    //        $location = $injector.get('$location');
    //    });
    //});

    //both beforeEach methods work(which one is better? I don't know), so things are getting loaded
    beforeEach(function () {
        angular.module('TDE');
        inject(function ($injector) {
            $location = $injector.get('$location');
            $rootscope = $injector.get('$rootScope');
            $scope = $rootscope.$new();

            $controller = $injector.get('$controller');

            ctrl = function () {
                return $controller('LocationController', {
                    '$scope': $scope
                })
            };
        })
    });
    it("should just be a holder for something for later", function () {
        expect($scope.BoolCondition()).toBeDefined(); //I don't care what it returns as long as it's accessed honestly
    });  
})

LocationController.js

    angular
    .module('TDE')
    .controller('LocationController', ['$rootScope', '$scope', '$location', '$window', '$document', 'LocationService', 'HeaderFooterService', 'SearchService', 'TranslationService', 'MTDE_CONFIG', 'LocationPartnerAssignmentService', 'ExperimentService', function ($rootScope, $scope, $location, $window, $document, $LocationService, $HeaderFooterService, $SearchService, $TranslationService, $MTDE_CONFIG, $LocationPartnerAssignmentService, $ExperimentService) {

    $scope.BoolCondition = function(myCondition){
        if(//blah blah condition test on myCondition)
        {
            return true
        }
        else
        {
            return false;
        }
    }

How would I go about getting to that BoolCondition? I'm new to this so you can imagine the struggle of writing unit tests after never having done unit testing. I've also gone through countless examples and I've done some generic tests, so I'm not totally un-versed.

Answer 1

You're not bootstrapping the module under test correctly. You should use angular.mock.module inside the test

You're not instantiating the controller (where's the call to ctrl()?)

Here's the complete working example and the fiddle that runs it :

    describe('Unit: LocationController', function () {
    var $scope, $location, ctrl;
    beforeEach(function () {
        angular.mock.module('TDE');
        inject(function (_$location_, _$rootScope_, _$controller_) {
            $location = _$location_;
            $scope = _$rootScope_.$new();

            ctrl = _$controller_('LocationController', {
                '$scope': $scope
            })
        });
    });
    it("should just be a holder for something for later", function () {
        expect($scope.BoolCondition()).toBeDefined();
        expect($scope.BoolCondition()).toBeTruthy();
    });
})