Question

我跟着this tutorial对一个返回Promise但无法使其工作的服务进行单元测试。

我的服务会返回Promise，以便重新审核HTML5地理定位。

app.factory('getGeo', function() { 
     return function(){
         return new Promise(function (resolve, reject) {
         navigator.geolocation.getCurrentPosition(resolve, reject, options);
          });        
       }
      var options = {
         enableHighAccuracy: true,
         timeout: 5000,
          maximumAge: 0
          };         
});

我的控制器有一个功能可以解析Promise以设置应用程序中的某些状态。

getGeo().then((position) => {
          //perform logic when geo is received
          $scope.weatherInfo.la = position.coords.latitude;//new properties
          $scope.weatherInfo.lo = position.coords.longitude;//new properties
          $scope.weatherInfo.url = `http://api.openweathermap.org/data/2.5/weather?lat=${$scope.weatherInfo.la}&lon=${$scope.weatherInfo.lo}&appid=0d00180d180f48b832ffe7d9179d40c4`;
        })

我的测试：

beforeEach(inject(function(_$rootScope_, _getGeo_){
   $rootScope = _$rootScope_;
   $getGeo = _getGeo_;
 }));

describe('getGeo method', function() {
  it('getGeo should return a promise', function() {
    var $scope = $rootScope.$new();
    var position = {coords:{coords:{latitude:'1',latitude:'3'}}};
    $getGeo().then(function(position) {
    expect($scope.weatherInfo.url).not.toBeNull();
    done();
   });
   $scope.$digest();                
 });
});

我得到了这个SPEC HAS NO EXPECTATIONS getGeo should return a promise。似乎模拟服务中的代码永远不会被调用。但如果我移出expect($scope.weatherInfo.url).not.toBeNull()并将其放在$scope.$digest()下，我会收到Cannot read property 'url' of undefined错误。

Answer 1

var position = {coords:{coords:{latitude:'1',latitude:'3'}}}; $getGeo().then(function(position) { expect($scope.weatherInfo.url).not.toBeNull(); }

回调变量 - 承诺将返回的数据。这不是您的var position = {coords:{coords:{latitude:'1',latitude:'3'}}};

我认为你不应该在测试中给工厂打电话。当你注入第一个时，工厂只会调用一次构造函数。所以你只需要下一步

$getGeo.then(function(position) {...})
您的工厂从外部navigator.geolocation.getCurrentPosition()获取数据。所以你需要为它制作存根。

spyOn(navigator.geolocation, 'getCurrentPosition').andReturn(/* here is the data which you expected */)

很难向您展示完整的例子。但是，我试图描述关键的事情。

Angular单元测试服务返回Promise Jasmine

1 个答案: