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

前端之家收集整理的这篇文章主要介绍了单元测试 – 如何使用mock $httpBackend来测试错误分支前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我跟着 AngularJS documentation from here

问题是文档仅描述代码的“成功/快乐”分支,并且没有如何测试“失败”分支的示例。

我想做的是设置触发$ 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!');
});

});
在设置范围的属性时,您将检查控制器的属性

如果你想在你的expect函数中测试controller.status,你应该在你的控制器里面设置this.status,而不是$ scope.status。

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

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

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

所有测试现在都过去了

猜你在找的Angularjs相关文章