Question

我的控制器除了在服务中调用方法之外没有做很多事情，服务包装并返回其功能，我已经为服务模拟了http请求编写了单元测试。

在这种情况下是否值得对控制器进行单元测试？如果是，那么我将测试什么，因为我已经测试了服务功能。

以下是我的控制器：

'use strict';

/* Controllers */

var calculatorControllers = angular.module('calculatorControllers', []);

 calculatorControllers.controller('BodyController', ['$scope',
function($scope) {
   $scope.toggleNavBarActive = function($event) {            
       $($event.currentTarget).parent().find('.active').removeClass('active');
      $($event.currentTarget).addClass('active');
   };
}]);

calculatorControllers.controller('CalculatorCtrl', ['$scope',    'CalculatorService',
function($scope, CalculatorService) {
$scope.orderProp = 'asc';
$scope.result = ' awaiting calculation';
$scope.sum = {};   

$scope.add = function(val1, val2) {         
    var promise = CalculatorService.add(val1, val2);  
    promise.then(function(response) {
        $scope.result = response;
    });     
};   
}]);

calculatorControllers.controller('AboutCtrl', ['$scope', '$routeParams',
  function($scope, $routeParams) {

}]);

Answer 1

控制器方法不需要测试的唯一情况是

$scope.calculator = CalculatorService;

因此，{{ calculator.sum(...) }}等所有视图调用都由服务完成。

在其他所有情况下，都应该测试控制器方法。由于CalculatorService单元已经过测试，因此必须对其进行模拟，以便对控制器逻辑进行单独测试。

Answer 2

在这种情况下，甚至值得对控制器进行单元测试

是的，您应该以100％的覆盖率为目标，而不是控制器或服务。我会在这里测试两件事（Jasmine）：

it('inits $scope', function() {
  var $scope = {};
  $controller('PasswordController', { $scope: $scope });

  expect($scope.orderProp).toEqual('asc');
  expect($scope.result).toEqual(' awaiting calculation');
  expect($scope.sum).toEqual({});
});

it('calls CalculatorService and sets the result', function() {
  var $scope = {};
  $controller('PasswordController', { $scope: $scope });

  $scope.sum(1, 2);
  expect(CalculatorServiceMock).toHaveBeenCalledWith(1, 2);

  resolveCalculatorServiceMockAddSpyWith(3);
  expect($scope.result).toEqual(3);
});

角度单元测试控制器

2 个答案: