如何使用mock $httpBackend来测试错误分支

Question

我从这里开始遵循AngularJS文档

问题是文档只描述了代码的"成功/快乐"分支，没有例子说明如何测试"失败"分支。

我要做的是设置触发$scope.status = 'ERROR!'码的前提条件。

下面是一个简单的例子:

// controller
function MyController($scope, $http) {
  this.saveMessage = function(message) {
    $scope.status = 'Saving...';
    $http.post('/add-msg.py', message).success(function(response) {
      $scope.status = '';
    }).error(function() {
      $scope.status = 'ERROR!';
    });
  };
}
// testing controller
var $httpBackend;
beforeEach(inject(function($injector) {
  $httpBackend = $injector.get('$httpBackend');
}));
it('should send msg to server', function() {
  $httpBackend.expectPOST('/add-msg.py', 'message content').respond(500, '');
  var controller = scope.$new(MyController);
  $httpBackend.flush();
  controller.saveMessage('message content');
  $httpBackend.flush();
  // Here is the question: How to set $httpBackend.expectPOST to trigger
  // this condition.
  expect(scope.status).toBe('ERROR!');
});
});

Answer 1

您正在检查controller的属性，而您正在设置作用域的属性。

如果你想在expect调用中测试controller.status，你应该在控制器中设置this.status而不是$scope.status。

另一方面，如果您在控制器中设置了$scope.status，那么您应该在expect调用中使用scope.status而不是controller.status。

---

更新:我在Plunker上为您创建了一个工作版本:

http://plnkr.co/edit/aaQ7JQV9WlXhou0PYHTn?p =

预览