使用 $httpBackend 测试角度控制器时出现奇怪的错误答案

【问题标题】：Weird error when testing angular controller with $httpBackend使用 $httpBackend 测试角度控制器时出现奇怪的错误
【发布时间】：2014-04-03 13:02:13
【问题描述】：

我已经尝试修复它好几个小时了。不幸的是，有负面影响，所以请帮助我。

在我的应用程序中，我想测试我的 $http 请求。我是通过使用 $httpBackend 来实现的。

这是我的控制器代码：

angular.module('app').controller('testController',function($scope,$http){
 $http.get('/test/users').success(function(data){
        console.log('wtf');
    });
})

我的单元测试代码：

describe('testController tests', function(){
    var $httpBackend, $scope, createController;
    beforeEach(module('app'));
    beforeEach(inject(function($injector, ngTableParams, notifier,identity, $sessionStorage, $location){

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

        $httpBackend.whenGET('/test/users').respond({test: 'test'});

        $rootScope = $injector.get('$rootScope');
        $scope = $rootScope.$new();
        var $controller = $injector.get('$controller');


        createController = function(){
          return $controller('testControler', { '$scope': $scope, '$http': $httpBackend });
        };


    }));

    it('should fetch users ', function() {
        $httpBackend.expectGET('/test/users');
        var controller = createController();
        $httpBackend.flush();
    });

});

它不工作。我总是有以下错误：

TypeError: Object function $httpBackend(method, url, data, callback, headers, timeout, withCredentials) {
var xhr = new MockXhr(),
    expectation = expectations[0],
    wasExpected = false;

function prettyPrint(data) {
  return (angula...<omitted>... } has no method 'get'
at new <anonymous> (http://localhost:9876/base/public/app/controllers/testController.js:256:11)
at invoke (http://localhost:9876/base/public/libraries/angular/angular.js:3805:17)
at Object.instantiate (http://localhost:9876/base/public/libraries/angular/angular.js:3816:23)
at $get (http://localhost:9876/base/public/libraries/angular/angular.js:6922:28)
at createController (http://localhost:9876/base/test/unit/testControllerSpec.js:70:18)
at null.<anonymous> (http://localhost:9876/base/test/unit/testControllerSpec.js:89:26)
at jasmine.Block.execute (http://localhost:9876/base/node_modules/karma-jasmine/lib/jasmine.js:1145:17)
at jasmine.Queue.next_ (http://localhost:9876/base/node_modules/karma-jasmine/lib/jasmine.js:2177:31)
at http://localhost:9876/base/node_modules/karma-jasmine/lib/jasmine.js:2167:18

任何想法这是什么意思以及如何解决它？

【问题讨论】：

尝试使用.expectGET而不是.whenGET（在beforeEach中）...在用例中，$httpBackend.expectGET('/test/users');不是必需的

标签： javascript angularjs unit-testing jasmine karma-runner

【解决方案1】：

我在我的代码中发现了错误。 $httpBackend 不应该被注入到控制器中。

【讨论】：

【解决方案2】：

我认为问题是您需要将依赖项添加到您的模块创建中：

angular.module('app', []).controller ...

而不是

angular.module('app').controller ...

【讨论】：