測試角度解決方法

Question

我有角與UI的路由器，所以toResolve變量將在我的SomeController

.state('some.state', { 
     url: '/some', 
     controller: 'SomeController', 
     templateUrl: '/static/views/some-state.html', 
     resolve: { 
     toResolve: function(Resource) { 
      return Resource.get(function(response) { 
      return response; 
      }); 
     }, 

內解決，但如何測試茉莉這個功能？假設我忘記return聲明，因此我範圍內的toResolve將是undefined。

Answer 1

使用服務使解析器可以有效地測試（也可以在集成/ e2e測試中進行模擬）。

注意：角度服務是單例，狀態/路由解析器不是。

如果預計緩存解決方案，解析器可能會被移動到factory服務。

app.factory('someResolver', function(Resource) { 
    return Resource.get(function(response) { 
    return response; 
    }) 
}); 
... 

resolve: { toResolve: 'someResolver' }, 

另一方面，如果預計對每個路徑更改評估解析器，這可能會導致不受歡迎的應用行爲。在這種情況下，適當的配方可能constant註釋功能：

app.constant('someResolver', ['Resource', function(Resource) { 
    return Resource.get(function(response) { 
    return response; 
    }) 
}]); 

app.config(function (someResolver, ...) { 
    ... 
    resolve: { toResolve: someResolver }, 
    ... 

否則規範可能結束與樣板代碼一堆擔保：

var toResolveFactory = $state.get('some.state').resolve.toResolve; 
var toResolve = $injector.invoke(toResolveFactory); 

Answer 2

關於相關主題的一篇很好的文章是http://nikas.praninskas.com/angular/2014/09/27/unit-testing-ui-router-configuration/，但這不是解決方案。一個想法是將另一個對象傳遞給resolve，然後分別測試該代碼單元，這在您解決一堆物品時很好。