javascript - 如何使用 AngularJS 和 Karma 测试路由

Question

我的路由如下:

angular.module('mean').config(['$routeProvider', '$translateProvider', '$locationProvider',
  function($routeProvider, $translateProvider, $locationProvider) {
    $routeProvider.
    when('/items', {
      templateUrl: '/views/main.html',
      controller: 'ItemsController'
    }).
    when('/items/create', {
      templateUrl: '/views/main.html',
      controller: 'ItemsController'
    }).

    when('/articles/create', {
        templateUrl: 'views/articles/create.html'
    }).
    when('/articles/:articleId/edit', {
        templateUrl: 'views/articles/edit.html'
    }).
    when('/articles/:articleId', {
        templateUrl: 'views/articles/view.html'
    }).
    when('/', {
        templateUrl: '/views/index.html'
    }).
    otherwise({
        redirectTo: '/'
    });

    $locationProvider.html5Mode(true);
    $translateProvider.useStaticFilesLoader({
      prefix: '/lang/',
      suffix: '.json'
    });

    $translateProvider.fallbackLanguage('en-US');
    $translateProvider.useCookieStorage();
    $translateProvider.preferredLanguage('en-US');
  }
]);

基本上，我想编写测试以确保每个路由都有一个模板和一个 Controller 。

Answer 1

您不需要测试路由是否有效， Angular 代码库已经可以做到这一点，对于一些有用的测试，您可以查看此示例:

AngularJS Test Controller Containing routeChangeSuccess