带有“通知”承诺的角度响应错误拦截器的单元测试

Question

我有 angular responseError 拦截器，如果之前的尝试不成功，它会实现向服务器重新发送请求的逻辑。此外，拦截器返回“通知”承诺以保持与当前状态的联系。

return {
        responseError: function(response) {

            var retries = angular.isDefined(response.config.headers['X-RETRIES']) ? response.config.headers['X-RETRIES'] : 0;
            response.config.headers['X-RETRIES'] = retries + 1;

            if (response.config.headers['X-RETRIES'] <= MAX_XHR_ATTEMPTS) {
                var $http = $injector.get('$http'),
                    defer = $q.defer();

                $timeout(function() {
                    defer.notify('trying');
                    defer.resolve($http(response.config));
                }, 1000);

                return defer.promise;

            } else {
                return $q.reject(response);
            }

        }
    };
}

这是一个示例，但它可以正常工作，对于单元测试，我使用 tdd、mocha、chai、sinon。我使用了类似的代码：（拦截器在上面的代码中注入）

test('test', inject(function($http, ) {
        $httpBackend.when('GET', '/test').respond(500);
        var promise = $http.get('/test');

        $httpBackend.flush();
        promise.then(
            function(data) {
                dump('success', data);
            },
            function(data) {
                dump('error', data);
            },
            function(data) {
                dump('notify', data);
            }
        );
    }));

但承诺不会返回任何状态。如果我尝试更改拦截器以在发生错误时返回“拒绝”承诺（没有超时和额外的拉取请求），在这种情况下一切都会按预期工作。案例如何进行测试？

Answer 1

您没有刷新 $timeout - 请尝试以下操作：

   test('test', inject(function($http, $timeout) {
        $httpBackend.when('GET', '/test').respond(500);
        var promise = $http.get('/test');

        $httpBackend.flush();
        promise.then(
            function(data) {
                dump('success', data);
            },
            function(data) {
                dump('error', data);
            },
            function(data) {
                dump('notify', data);
            }
        );
        // Timeout after we've attached notify listener.
        $timeout.flush(1001);

    }));