每次 AngularJS 测试执行 rootScope.digest() 或 httpBackend.flush() 时如何避免“错误：意外请求：GET”

Question

我所有的 UNIT 测试，而不是 E2E 测试，执行显式 rootScope.digest() 或 httpBackend.flush() 来刷新异步回调，都会遇到错误：

How to avoid the 'Error: Unexpected request: GET'
No more request expected

我认为这是因为 httpBackend 调用了 ui-router 模板。我不知道它为什么要这样做。我不是要这个。我只希望它调用我的模拟 json 服务。

这个错误迫使我在每个 it() 块中都有以下语句：

$httpBackend.whenGET(/\.html$/).respond('');  

一定有更整洁的方法。

特别是如果测试首先没有使用 $httpBackend：

  it('should return the list of searched users', function() {
    // Always use this statement so as to avoid the error from the $http service making a request to the application main page
    $httpBackend.whenGET(/\.html$/).respond('');

    var users = null;
    UserService.search('TOTO', 1, 10, 'asc', function(data) {
      users = data.content;
    });
    $rootScope.$digest();
    expect(users).toEqual(RESTService.allUsers.content);
  });

测试通过了，但它看起来很老套。或者是noobish :-)

编辑：另一个测试：

  it('should return the list of users', function () {
    // Always use this statement so as to avoid the error from the $http service making a request to the application main page
    $httpBackend.whenGET(/\.html$/).respond('');
    // Create a mock request and response
    $httpBackend.expectGET(ENV.NITRO_PROJECT_REST_URL + '/users/1').respond(mockedUser);
    // Exercise the service
    var user = null;
    RESTService.User.get({userId: 1}).$promise.then(function(data) {
      user = data;
    });
    // Synchronise
    $httpBackend.flush();
    // Check for the callback data
    expect(user.firstname).toEqual(mockedUser.firstname);
    expect(user.lastname).toEqual(mockedUser.lastname);
  });

Answer 1

这显然是设计使然，您的测试应该检查是否进行了 HTTP 调用以及它们是否请求了正确的 URL。与其检查是否向/\.html$/ 发出请求，不如检查是否向正确 端点发出请求？无论是部分指令还是 API 调用。

如果您坚持放弃可能有用的测试，您可以将您的 whenGET() 移至 beforeEach()。