控制器测试的模拟工厂

Question

这是我的控制器：

angular
.module('studentsApp')
.controller('StudentsController', StudentsController);

function StudentsController($scope, StudentsFactory) {
    $scope.students = [];
    $scope.specificStudent= {};

    var getStudents = function() {
        StudentsFactory.getStudents().then(function(response) {
            if($scope.students.length > 0){
                $scope.students = [];
            }
            $scope.students.push(response.data);
        });
    };
}

这是我的工厂：

angular.module('studentsApp')
.factory('StudentsFactory', function($http) {
  var base_url = 'http://localhost:3000';
  var studentsURI = '/students';
  var studentURI = '/student';
  var config = {
    headers: {
      'Content-Type': 'application/json'
    }
  };

  return {
    getStudents: function() {
      return $http.get(base_url + studentsURI);
    }
  };
});

我正在尝试对控制器进行单元测试：

describe('Controller: Students', function() {
  var StudentsController, scope, StudentsFactory;
  beforeEach(function() {
    module('studentsApp');
    inject(function($rootScope, $controller, $httpBackend, $injector) {
      scope = $rootScope.$new();
      httpBackend = $injector.get('$httpBackend');
      StudentsFactory = $injector.get('StudentsFactory');

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

      students = [{
        name: 'Pedro',
        age: 10
      }, {
        name: 'João',
        age: 11
      }, {
        name: 'Thiago',
        age: 9
      }];

      spyOn(StudentsFactory, 'getStudents').and.returnValue(students);
    });
  });

  it('Should get all students', function() {
    scope.students = [];

    StudentsController.getStudents();
    $scope.$apply();
    expect(scope.students.length).toBe(3);
  });
});

问题是，当我运行测试时，显示以下消息：

undefined 不是构造函数（评估 'StudentsController.getStudents()')

我查看了整个互联网试图找到一个可以帮助我的教程，但我没有找到任何东西，有人可以在这里帮助我吗？

Answer 1

这与函数 getStudent() 是私有的（由 var 声明）这一事实有关。因此您的测试无法访问它。您必须将其附加到 $scope 或 this 才能对其进行测试。 我一般在控制器中使用这个：

var $this = this;
$this.getStudents = function() {
    ...
};

Answer 2

没有StudentsController.getStudents 方法。应该是

this.getStudents = function () { ... };

Mocked StudentsFactory.getStudents 返回一个普通对象，而它应该返回一个 Promise。

$controller 不应作为本地依赖提供真正的StudentsFactory 服务（默认情况下已提供）：

  var mockedStudentsFactory = {
    getStudents: jasmine.createSpy().and.returnValue($q.resolve(students))
  };

  StudentsController = $controller('StudentsController', {
    $scope : scope,
    StudentsFactory : mockedStudentsFactory
  });