AngularJS：如何用 resolve 来测试 Promise 逻辑？

Question

我有一个具有一些缓存逻辑的服务方法：

model.fetchMonkeyHamById = function(id)
{
    var that = this;
    var deferred = $q.defer();
    if( that.data.monkeyHam )
    {      
         deferred.resolve( that.data.monkeyHam );
         return deferred.promise;
     } else {
          return this.service.getById( id).then( function(result){
             that.data.monkeyHam = result.data;           
         });
    }
};

我知道如何使用 $httpBackend 来强制返回模拟数据。现在，当我明确设置数据时，如何强制它解析（然后测试结果）？

我想在控制器 then() 函数中测试结果：

            MonkeyHamModel.fetchMonkeyHamById(this.monkeyHamId).then( function() {
                $scope.currentMonkeyHam = MonkeyHamModel.data.monkeyHam;
            });

然后我的测试我想显式设置数据（所以它从内存“缓存”而不是 httpBackend 加载）

     MonkeyHamModel.data.monkeyHam = {id:'12345'};
     MonkeyHamModel.fetchMonkeyHamById( '12345');
     // How to "flush" the defer right here like I would have flushed httpBackend?
     expect( $scope.currentMonkeyHam.id ).toEqual('12345'); //fails because it is not defined yet since the $q never resolved

其中 $scope 只是我的控制器的范围，但为了简洁起见，这里称为 $scope。

更新：

建议的答案不起作用。我需要该函数返回一个承诺，而不是一个承诺的结果：

model._monkeyHams = {} // our cache
model.fetchMonkeyHamById = function(id){
 return model.monkeyHams[id] || // get from cache or
        (model.monkeyHams[id] = this.service.getById(id).then(function(result){
            return result.data;        
        }));
};

以下要求您已经接触过服务器。我在前端（currentMonkeyHam）或其他任何东西上创建了一个模型，并且在第一次 POST（不必要的 GET 请求）之后不加载它。我只是使用当前的模型。所以这是行不通的，它需要至少去服务器一次。因此，您可以看到为什么我创建了自己的 deferred。如果我们没有，我想使用当前模型数据或从服务器获取它。我需要两种途径来回报承诺。

var cache = null;
function cachedRequest(){
    return cache || (cache = actualRequest())
}

Answer 1

您的代码具有延迟的反模式，这使得它变得复杂 - 特别是因为您隐含地抑制了它的错误。此外，缓存逻辑也是有问题的，因为如果在收到响应之前发出了多个请求，您最终可能会发出多个请求。

你想多了 - 只是缓存承诺：

model._monkeyHams = {} // our cache
model.fetchMonkeyHamById = function(id){
 return model.monkeyHams[id] || // get from cache or
        (model.monkeyHams[id] = this.service.getById(id).then(function(result){
            return result.data;        
        }));
};

在您的情况下，您将所有 ID 缓存为同一事物，缓存承诺的一般模式如下：

var cache = null;
function cachedRequest(){
    return cache || (cache = actualRequest())
}

坦率地说，创建 deferred 既乏味又乏味 - 不是很有趣 ;)

Answer 2

您可以使用setTimeout (or $timeout) 来解决承诺。

您可以将代码修改为 -

model.fetchMonkeyHamById = function(id)
{
    var that = this;
    var deferred = $q.defer();
    if( that.data.monkeyHam )
    {      
         setTimeout(function() {
            deferred.resolve(that.data.monkeyHam);
         }, 100);
         return deferred.promise;
     } else {
          return this.service.getById( id).then( function(result){
             that.data.monkeyHam = result.data;           
         });
    }
};

编辑：

根据本杰明的建议修改-

使用$rootScope.digest() - 代码应该是这样的

MonkeyHamModel.data.monkeyHam = {id:'12345'};
MonkeyHamModel.fetchMonkeyHamById( '12345');
$rootScope.digest();

Answer 3

我们在代码库中做了类似的事情，但是我们没有使用状态不断变化的对象，而是使用了看起来更像传统存储库的东西。

someInjectedRepoistory.getMonkeyHamModel().then(x => $scope.monkeyHam = x);

Repository{
   getMonkeyHamModel() {
       var deferred = $q.defer();
       if( this.cache.monkeyHam )
       {      
            deferred.resolve( this.cache.monkeyHam );
        } else {
             return this.service.getById( id).then( function(result){
                this.cache.monkeyHam  = result.data;           
            });
       }
       return deferred.promise
   }
}

返回已完成的延期没有问题。这是延期的目的的一部分，它们何时或如何解决无关紧要，它们会为您处理所有这些。

至于您的测试，我们会这样做。

testGetFromService(){
   someInjectedRepoistory.getMonkeyHamModel().then(x => verifyMonkeyHam(x));
   verifyHttpBackEndGetsCalled()
}

testGetFromCache(){
   someInjectedRepoistory.getMonkeyHamModel().then(x => verifyMonkeyHam(x));
   verifyHttpBackEndDoesNotGetCalled()
}