angularjs路由单元测试

Question

正如我们在http://docs.angularjs.org/tutorial/step_07中看到的那样，

angular.module('phonecat', []).
  config(['$routeProvider', function($routeProvider) {
  $routeProvider.
      when('/phones', {templateUrl: 'partials/phone-list.html',   controller: PhoneListCtrl}).
      when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}).
      otherwise({redirectTo: '/phones'});
}]);

建议通过e2e测试来完成路由测试，

  it('should redirect index.html to index.html#/phones', function() {
    browser().navigateTo('../../app/index.html');
    expect(browser().location().url()).toBe('/phones');
  });

但是，我认为’$ routeProvider’配置是通过单个函数function（$
routeProvider）完成的，我们应该能够在不涉及浏览器的情况下进行单元测试，因为我认为路由功能不需要浏览器DOM。

例如，
当url为/ foo时，templateUrl必须为/partials/foo.html，而控制器为FooCtrl；
当url为/ bar时，templateUrl必须为/partials/bar.html且控制器为BarCtrl

这是IMO的简单功能，还应该在简单测试（单元测试）中进行测试。

我用Google搜索了此$ routeProvider单元测试，但是还没有运气。

我想我可能会从这里借用一些代码，但仍无法做到，https://github.com/angular/angular.js/blob/master/test/ng/routeSpec.js。

Answer 1

为什么不仅仅断言路由对象配置正确？

it('should map routes to controllers', function() {
  module('phonecat');

  inject(function($route) {

    expect($route.routes['/phones'].controller).toBe('PhoneListCtrl');
    expect($route.routes['/phones'].templateUrl).
      toEqual('partials/phone-list.html');

    expect($route.routes['/phones/:phoneId'].templateUrl).
      toEqual('partials/phone-detail.html');
    expect($route.routes['/phones/:phoneId'].controller).
      toEqual('PhoneDetailCtrl');

    // otherwise redirect to
    expect($route.routes[null].redirectTo).toEqual('/phones')
  });
});