业力测试返回 validateAmount 不是函数

Question

我正在尝试测试将检查到期金额的范围功能，但是运行测试时我得到 validateAmount is not a function。

app.js

var ManagmentApp = angular.module("ManagemntApp", ['ngRoute', 'angularModalService', 'ng-fusioncharts']);
ManagmentApp.config(['$routeProvider', function ($routeProvider){
     $routeProvider.when('/', {
        templateUrl: 'templates/CandidateForm.html',
        controller: 'cntrlrCandidate'
    }).when('/CandidateList',{
          templateUrl: 'templates/CandidateList.html',
          controller: 'cntrlrCandidateList'
    }).when('/CandidatesProfile', {
        templateUrl: 'templates/CandidateProfiles.html',
        controller: 'cntrlrCandidateProfile'
    }).when('/HostelStatistics', {
        templateUrl: 'templates/HostelStatistics.html',
        controller: 'cntrlHostelStatistics'
    }).when('/:id', {
         templateUrl: 'templates/CandidateForm.html',
         controller: 'cntrlrCandidate'
    });

}]);

cntrlrCandidate.js

ManagmentApp.controller("cntrlrCandidate", ["$scope", "$routeParams", "HostelManagementService", "$filter","HostelManagementIndexDBService", function ($scope, $routeParams, HostelManagementService, $filter,HostelManagementIndexDBService) {

    $scope.validateAmount = function () {
    var vrAmount = $scope.Candidate.Amount;
    var vrTotalAmount = $scope.PerMonthCharge;
    if (+vrAmount < +vrTotalAmount) {
        $scope.IsValidAmount = false;
        $scope.Candidate.DueAmount = (+vrTotalAmount - +vrAmount);

    } else {

        $scope.IsValidAmount = true;
        $scope.Candidate.DueAmount = 0;            
    }
}


}]);

test.js

describe("ManagemntApp ", function() {

beforeEach(module('ManagemntApp'));
 var scope;
var cntrlrCandidate,
$location;

beforeEach(inject(function ($controller,$rootScope){
   scope = $rootScope.$new();
   cntrlrCandidate = function() {
            return $controller('cntrlrCandidate', {
                '$scope': scope
            });
        };;
}));


    it('test amount', function() {

     scope.Candidate={};
     scope.Candidate.Amount=2000;
     scope.validateAmount();
      expect(scope.IsValidAmount).toEqual(true);
    });


});

我不知道在做什么通知。

这是我遇到的错误。

更新1：

当我这样写时，错误信息如下。

beforeEach(inject(function ($controller,$rootScope){
   scope = $rootScope.$new();
 //  cntrlrCandidate = function() {
            cntrlrCandidate= $controller('cntrlrCandidate', {
                '$scope': scope
            });
       // };;
}));

请检查这个错误：

更新二：

这个方法我试过了，如果有不对的地方请指正

describe("ManagemntApp ", function() {
var HostelManagementIndexDBService,HostelManagementService; 
beforeEach(module('ManagemntApp'));
 var scope;
var cntrlrCandidate,
$location;

beforeEach(inject(function ($controller,$rootScope){
   scope = $rootScope.$new();
 //  cntrlrCandidate = function() {
    HostelManagementService = {}; 
    HostelManagementIndexDBService = {};
    module(function($provide) {
    $provide.value('HostelManagementService', HostelManagementService);
    $provide.value('HostelManagementIndexDBService', HostelManagementIndexDBService);
    });

    cntrlrCandidate= $controller('cntrlrCandidate', {
                '$scope': scope
            });
       // };;
}));


    it('return will pass the Amount', function() {

     scope.Candidate={};
     scope.Candidate.Amount=2000;
     scope.validateAmount();
      expect(scope.IsValidAmount).toEqual(true);
    });


});

Answer 1

cntrlrCandidate = function() {
            return $controller('cntrlrCandidate', {
                '$scope': scope
            });
        };

您已经定义了函数 cntrlrCandidate 但没有在任何地方调用。

你需要先调用它，然后你会得到你的控制器；

在cntrlrCandidate定义后添加这一行；

var ctrlCandidate  =cntrlrCandidate ();

或

如果你这样定义而不是定义上面的函数会更好。

cntrlrCandidate = $controller('cntrlrCandidate', {'$scope': scope});

编辑：

您的控制器需要遵循依赖关系 HostelManagementService 和 HostelManagementIndexDBService 而您没有 provided.So，您需要模拟它。

添加以下脚本。

var HostelManagementIndexDBService,HostelManagementService; //declare at top

// add in beforeEach
HostelManagementIndexDBService = {}; 
HostelManagementIndexDBService = {};
module(function($provide) {
  $provide.value('HostelManagementService', HostelManagementService);
  $provide.value('HostelManagementIndexDBService', HostelManagementIndexDBService);
});

更新：

describe("ManagemntApp ", function() {
    var HostelManagementIndexDBService, HostelManagementService;
    beforeEach(module('ManagemntApp'));
    var scope;
    var cntrlrCandidate,
        $location;

    beforeEach(function() {

        HostelManagementService = {};
        HostelManagementIndexDBService = {};


        module(function($provide) {
            $provide.value('HostelManagementService', HostelManagementService);
            $provide.value('HostelManagementIndexDBService', HostelManagementIndexDBService);
        });

        inject(function($controller, $rootScope) {

            scope = $rootScope.$new();
            cntrlrCandidate = $controller('cntrlrCandidate', { '$scope': scope });
        })
    });


    it('return will pass the Amount', function() {

        scope.Candidate = {};
        scope.Candidate.Amount = 2000;
        scope.validateAmount();
        expect(scope.IsValidAmount).toEqual(true);
    });


});

业力测试返回 validateAmount 不是函数

karma test returning validateAmount is not a function

angularjs

karma-runner

karma-jasmine

angular-mock