11

我想通过我的一些 http 请求而不是在我的单元测试中模拟它们，但是当我尝试调用 passThrough() 方法时，会抛出缺少方法的错误：

“TypeError：Object # 没有方法‘passThrough’”。

有人知道我该如何解决吗？

有我的代码：

'use strict';

describe('Controller: MainCtrl', function () {

    // load the controller's module
    beforeEach(module('w00App'));

    var scope, MainCtrl, $httpBackend;

    // Initialize the controller and a mock scope
    beforeEach(inject(function(_$httpBackend_, $rootScope, $controller) {
        $httpBackend = _$httpBackend_;
        $httpBackend.expectGET('http://api.some.com/testdata.json').passThrough();


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

1 回答 1

4

如果你想在开发过程中模拟你的后端，只需安装angular-mocks在你的主 html 文件中，将它作为依赖项添加到你的应用程序中(angular.module('myApp', ['ngMockE2E']))，然后模拟你需要的请求。

例如;

angular.module('myApp')
  .controller('MainCtrl', function ($scope, $httpBackend, $http) {
    $httpBackend.whenGET('test').respond(200, {message: "Hello world"});
    $http.get('test').then(function(response){
      $scope.message = response.message //Hello world
    })
  });

不过要小心，添加 ngMockE2E 将要求您设置路由，以防您通过 AngularJS 路由进行设置。

例子;

angular.module('myApp', ['ngMockE2E'])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
  })
  .run(function($httpBackend){
    $httpBackend.whenGET('views/main.html').passThrough();
  })
于 2013-10-04T05:24:57.160 回答