javascript - 如何解决我的案例中的单元测试问题？

Question

我正在尝试对两个函数代码进行单元测试，但不断收到 undefined object 的错误。

我的 Controller

vm = this;
//always fire first in the app
vm.getCompany = function() {
    api.getCompany(function(res){        
        //do stuff
    })
}

//always fire second in the app
vm.getEmployee = function() {
    api.getEmployee(function(res){
        //do stuff
    })
}

API服务

var company;

function getCompany() {
   var company;
   var q = $q.defer();
   var url = ‘something.com’;

   anotherApi.getCompany(url).then(function(comp){
          company = comp;
          q.resolve(company)
    })
}

function getEmployee = function() {
    var name = company.name
    var url = ‘something.com/’ + name;
    var q = $q.defer();
    anotherApi.getEmployee(url).then(function(employee){
          q.resolve(employee)
    })
}

单元测试。

beforeEach(function(){
   module(‘myApp);
        inject(function ($injector) {
            $controller = $injector.get('$controller');
            $rootScope = $injector.get('$rootScope');
            $scope = $rootScope.$new();
            $httpBackend = $injector.get('$httpBackend');
            api = $injector.get('api');
        });

         vm = $controller'myCtrl', {
            $scope : $scope
        });

})

describe (‘test’, function(){
    it(‘should get company’, function(){
         vm.getCompany();
         $httpBackend.flush();
         // stuff and works
    })
    it(‘should get Employee’, function(){
        vm.getEmployee()
        $httpBackend.flush();
        //getting error says 
        //'undefined' is not an object (evaluating 'company.name’)
    })
})

我收到'undefine' is not an object (evaluating 'company.name')在服务中的 getEmployee 函数下。

我尝试了很多不同的方法，但仍然不确定如何解决它，有人可以帮助我吗？谢谢!

Answer 1

如果在调用 getCompany 之前调用 getEmployee，服务的预期行为是什么？在尝试使用它之前，您至少应该检查公司是否为空。此外，您可能需要考虑将公司存储在您可以在服务中访问的属性中。注意:我在属性名称前添加下划线只是为了区分公共(public) api 和伪私有(private)属性:

{
    _company: null,
    getCompany: function() {
        var self = this;
        var url = '...';
        return $http.get(url).then(function(comp){
            self._company = comp;
            return self._company;
        });
    },
    getEmployee: function() {
        var self = this;
        if (!self._company) {
            return null; //or throw error or return rejected promise: $q.reject('company is null')
        } else {
            var url = '...';
            var name = self._company.name;
            return http.get(url);
        }
    }
}

最后，您现在可以(并且应该)与 Controller 分开测试您的服务。在 Controller 测试中，您可以只监视您的服务方法，而无需调用服务器。当您测试服务时，您可以在测试 getEmployee 方法时将 service._company 设置为模拟值。