測試角度解決方法

我有角與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。

來源

2016-05-17 Most Wanted

爲什麼要測試內部AngularJS功能，可能它的工作原理以完美的方式 –

這不是內部，它是一個簡單的測試用例，例如'expect（$ scope.toResolve）.not.toBeUndefined（）;'當我可能想要返回例如 –

@KrzysztofSafjanowski：無論如何，一切都必須可測試如果我想我應該能夠模擬任何組件並測試任何組合那些無論內在與否 –

使用服務使解析器可以有效地測試（也可以在集成/ 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);

來源

2016-05-17 15:49:07 estus

偉大的，這正是我所期待的。對你來說另一個小問題：我的規範中的$ injector是從哪裏來的？ –

@MostWanted你需要在規範中注入'$ injector'服務來測試解析器的'constant'和'$ state.get ...'風格（'factory'不需要）。 – estus

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

來源

2016-05-17 15:46:40

測試角度解決方法

回答

相關問題