Promise.catch() 在 AngularJS 单元测试中没有捕获异常

在AngularJS单元测试过程中，我们经常会使用Promise来处理异步操作。Promise提供了一种优雅的方式来处理异步操作的结果，包括成功和失败。在Promise中，我们可以使用.catch()方法来捕获异常，以便进行错误处理。然而，有时我们会遇到一个问题，就是在AngularJS单元测试中，Promise.catch()方法似乎无法捕获异常。本文将探讨这个问题，并提供解决方案。

javascript
app.service('UserService', function($http) {
  this.getUserInfo = function(userId) {
    return $http.get('/api/user/' + userId)
      .then(function(response) {
        // 处理成功的情况
        return response.data;
      })
      .catch(function(error) {
        // 处理失败的情况
        console.error('Error fetching user info:', error);
        throw error;
      });
  };
});

javascript
describe('UserService', function() {
  var $httpBackend, UserService;
  beforeEach(module('myApp'));
  beforeEach(inject(function(_$httpBackend_, _UserService_) {
    $httpBackend = _$httpBackend_;
    UserService = _UserService_;
  }));
  it('should handle error when fetching user info', function() {
    var userId = 123;
    $httpBackend.expectGET('/api/user/' + userId).respond(500, 'Internal Server Error');
    UserService.getUserInfo(userId).catch(function(error) {
      expect(error).toBe('Internal Server Error');
    });
    $httpBackend.flush();
  });
});

javascript
it('should handle error when fetching user info', function() {
  var userId = 123;
  $httpBackend.expectGET('/api/user/' + userId).respond(500, 'Internal Server Error');
  UserService.getUserInfo(userId).catch(function(error) {
    expect(error).toBe('Internal Server Error');
  });
  $httpBackend.flush();
  $rootScope.$digest(); // 手动触发脏检查
});