TypeError:'undefined'不是函数(评估'mockBackend.expectPost(

时间:2013-10-25 11:08:17

标签: javascript angularjs karma-runner

我正在尝试使用Karma和jasmine对angularjs控制器进行单元测试。

这是我的测试套件:

describe('Controllers', function(){
    var $scope, ctrl;
    beforeEach(module('curriculumModule'));
    describe('CreateCurriculumCtrl', function(){
        var mockBackend, location;
        beforeEach(inject(function($rootScope, $controller, _$httpBackend_, $location){
            mockBackend = _$httpBackend_;
            location = $location;
             $scope = $rootScope.$new();
             ctrl = $controller('CreateCurriculumCtrl', {
                    $scope: $scope
             });
        }));

        it('should save the curriculum', function(){
            mockBackend.expectPost('bignibou/curriculum/new');
            $scope.saveCurriculum();
            mockBackend.flush();
            expect(location.path()).toEqual("/");
        });

    });
});

这是业力开始的输出:

PhantomJS 1.9.2 (Linux) Controllers CreateCurriculumCtrl should save the curriculum FAILED
    TypeError: 'undefined' is not a function (evaluating 'mockBackend.expectPost('bignibou/curriculum/new')')
        at /home/julien/Documents/projects/site-garde-enfants/bignibou/karma/test/spec/curriculum.test.js:16
PhantomJS 1.9.2 (Linux): Executed 2 of 2 (1 FAILED) (0.203 secs / 0.023 secs)

我不明白为什么我得到这个错误,因为我在我的业力骗局中正确包含了angular-mock.js文件:

// list of files / patterns to load in the browser
files: [
   '../src/main/webapp/js/libs/jquery-1.10.2.js',
   '../src/main/webapp/js/libs/angular.js',
   '../src/main/webapp/js/libs/bootstrap.js',
   '../src/main/webapp/js/plugins/angularui.select2.js',
   'test/vendor/angular-mocks.js',

  '../src/main/webapp/js/custom/curriculum.js',
  'test/spec/curriculum.test.js'      
],

有人可以帮忙吗?

编辑:这是我的控制器:

function CreateCurriculumCtrl($scope, $http, $location, select2Options){

    $scope.formData={};

    $scope.select2Options = select2Options; 

    $scope.saveCurriculum = function(){
        $http.post('bignibou/curriculum/new', $scope.formData).success(function(data) {
            if(data.status=="OK"){}
            if(data.status=="KO"){}
            $location.path("/");
        });
    };
}

2 个答案:

答案 0 :(得分:4)

更改第16行

mockBackend.expectPost('bignibou/curriculum/new');

mockBackend.expect('POST','bignibou/curriculum/new').respond({});

以某种方式修复了这个问题...

修改expectPOST也会奏效......只是一个错字:注意我用过的案例......

答案 1 :(得分:1)

可能你的情况类似于:

var a = {};
a.b();

a.b未定义,尝试调用它会给你错误。

此处第16行是$scope.saveCurriculum()$scope.saveCurriculum未定义?