如何对 app.js、$routeProvider、app.config() 进行单元测试

Question

angularjs 中典型的 app.js 文件如下所示：

var phonecatApp = angular.module('phonecatApp', [
  'ngRoute',
  'phonecatControllers'
]);

phonecatApp.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'
      });
  }]); // the example is taken from the angularjs tutorial

您将如何对该文件进行单元测试？

这有点前卫和百分比覆盖率。首先测试它是否有意义？ 我认为是的，因为当导航到某个 url 时，我想确保使用正确的路线。

注意：问题不仅在于测试 $routeProvider，还在于 app.config()。

谢谢！

Answer 1

您在问如何测试配置设置。

问这个有意义吗？嗯..我认为这是有争议的。我多次问自己这个问题。 我们如何确保我们用作配置的值是正确的？

我不确定将其称为“单元测试”是否正确，即使配置是流畅的配置。

我认为您不应该担心“测试”配置设置，因为“测试”配置会导致冗余和递归。让我进一步详细说明我的意思。添加配置设置时，例如：

when('/phones', {
        templateUrl: 'partials/phone-list.html',
        controller: 'PhoneListCtrl'
      }).

唯一要测试的就是查看/phones 的路线，您将使用controller 值'PhoneDetailCtrl'。这样做不会测试任何东西，而只是验证某些字符串对是否正确。这会引发递归问题。通过“验证”字符串值，您如何知道“测试”配置的人正在使用正确的值？你不应该也测试一下吗？

从技术角度回答您的问题..如何测试..我不知道如何测试 routeProvider 的配置，但我认为您不应该这样做。