角单元测试的建议

我是新来与角度的单元测试，我有麻烦了很多，甚至越来越开始测试。我有一个控制器调用一个服务，调用远程api获取货币列表，然后用符号属性扩充返回的对象并将其分配给作用域变量。角单元测试的建议

我一直在寻找很多httpBackend教程，但是这两块不装配在一起。我知道我必须使用whenGet并expectGet但仍然不明白他们是什么，什么时候应该使用它们，甚至我应该测试什么 - 请求，响应？他们是否应该在it函数的beforeEach函数中？

控制器：

whiskyControllers.controller('currencyCtrlr', ['$scope', 'CurrencyConversion', 'UpdateMiniBasket', 'whiskyList', 
    function($scope, CurrencyConversion, UpdateMiniBasket, whiskyList){ 

     $scope.getCurrencies = function(e){ 
      e.preventDefault(); 

      CurrencyConversion.async().then(function(d) { 

       $scope.rates = d.data.rates; 

       for(var i = 0, j = $scope.rates.length; i < j; i++){ 
        $scope.rates[i]['symbol'] = insertSymbol($scope.rates[i].to); 
       } 
      }); 
     } 
}]);

我复制的散装从另一个教程下面的测试，但它仍然不能与“错误：没有挂起的请求以刷新”

测试：

describe('currencyCtrlr: getCurrencies', function() { 
    var scope, CurrencyConversion, UpdateMiniBasket, whiskyList, $httpBackend, $rootScope, createController, 
     url = 'http://api.exchangeratelab.com/api/current/GBP?apikey=F06383D65BCBFF52629D059B7D3EEB7D&callback=JSON_CALLBACK'; 

    beforeEach(module('whiskyControllers')); 

    beforeEach(function() { 
     module(function ($provide) { 
      $provide.value('CurrencyConversion', CurrencyConversion); 
      $provide.value('UpdateMiniBasket', UpdateMiniBasket); 
      $provide.value('whiskyList', whiskyList); 
     }); 
    }); 

    beforeEach(inject(function($injector) { 
     //scope = $rootScope.$new(); 
     $httpBackend = $injector.get('$httpBackend'); 
     $httpBackend.when('GET', url).respond({}, {}); 

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

     createController = function() { 
      return $controller('currencyCtrlr', {'$scope' : $rootScope }); 
     }; 
    })); 

    it('should make an ajax call to http://api.exchangeratelab.com', function() { 
     $httpBackend.expectGET(url); 
     var controller = createController(); 
     $httpBackend.flush(); 
    }); 

    afterEach(function() { 
     $httpBackend.verifyNoOutstandingExpectation(); 
     $httpBackend.verifyNoOutstandingRequest(); 
    }); 

});

任何帮助将是非常赞赏

来源

2015-02-23 Mike Alizade

当您创建ŧ他控制着createController的getCurrencies方法没有被调用。因此，没有$http调用flush。试试这个代替：

it('should make an ajax call to http://api.exchangeratelab.com', function() { 
     $httpBackend.expectGET(url); 
     var controller = createController(); 
     $rootScope.getCurrencies(); 
     $httpBackend.flush(); 
});

虽然，上面的代码可能会在e.preventDefault()上出错。所以，你需要传递一些能够满足这个要求的东西，或者删除它（因为它确实不应该被需要）。

是有点奇怪的另一件事是，你正在使用$rootScope为$scope。这可能是最好创建一个本地scope财产和创建一个新的范围有：

scope = $rootScope.$new();

，然后用它来调用范围的方法。

来源

2015-02-23 21:20:37

非常感谢。这工作，我已经处理了事件错误。不过，我仍然得到类型错误：CurrencyConversion在我的控制器功能不确定，我不明白，因为我已经它注入控制器，它不会导致应用项目本身的错误： 'whiskyControllers.controller（'currencyCtrlr ”，[ '$范围'， 'CurrencyConversion'， 'UpdateMiniBasket'， 'whiskyList'，' 也可能你解释何时以及如何使用whenGet和expectGet？谢谢。 – 2015-02-24 08:36:03

角单元测试的建议

回答

相关问题