4

我正在尝试使用 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 文件正确包含在我的 karma conf 中：

// 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("/");
        });
    };
}
4

2 回答 2

4

更改第 16 行

从

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

至

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

以某种方式解决了这个问题......

编辑：expectPOST也可以工作......只是一个错字：注意我使用的案例......

于 2013-10-25T11:50:05.820 回答
1

您的情况可能类似于：

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

a.b是未定义的，试图调用它会给你那个错误。

第 16 行是$scope.saveCurriculum(), 是$scope.saveCurriculum未定义的吗？

于 2013-10-25T11:10:43.360 回答