Question

我对一个拦截器的单元测试有问题，而在运行测试时出现以下错误。

You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.

我不确定为什么会这样。这是我的拦截器：

import { Injectable } from "@angular/core";
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from "@angular/common/http";
import { Observable } from 'rxjs/Observable';
import { HttpBase } from "../http-base";
import { HttpUrl } from "../http-url.enum";

@Injectable()
export class AuthInterceptor implements HttpInterceptor {

    constructor(
        private httpBase: HttpBase
    ) { }

    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        if (!this.isMiddleTierRequest(request.url)) {
            return next.handle(request);
        }

        this.httpBase.retrieveAuthToken()
            .then((token) => {
                const requestWithAuth = request.clone({ 
                    setHeaders: {
                        Authorization: `Bearer ${token}`
                    }});

                    return next.handle(request);
            });
    }

    private isMiddleTierRequest(url: string): boolean {
        return url.indexOf(HttpUrl.MiddleTier) != -1;
    }
}

如您所见，将检查任何请求以查看其中是否有特定的字符串匹配，如果有，则将令牌添加到请求的Auth Header中。这是retrieveAuthToken函数：

retrieveAuthToken(): Promise<string> {
        if(sessionStorage.getItem('auth') !== null) {
            return new Promise((resolve, reject) => {
                resolve(sessionStorage.getItem('auth'));
            });
        }    

        return this.authService.getAnonToken(); 
    }

以及此方法调用的getAnonToken函数：

public getAnonToken(prev?: string): Promise<any> {
        return new Promise((resolve, reject) => {
            if (this.tokens[prev]) {
                resolve({data: this.tokens[prev]});
            }

            if (prev) {
                this.tokens[prev] = prev;
            }

            this.http.post<any>(HttpUrl.AnonToken, {})
                .subscribe((response) => {
                    this.saveAuthToken(response.data);
                    this.tokens[prev] = response.data;

                    this.global.internalAnalytics.getAnonToken();
                    resolve(response.data);
                }, (error) => {
                    reject(error);
                });   
        });            
    }]
}

谁能看到为什么会发生此错误？我感觉这与拦截器函数中Promise的返回值有关，但我不确定。

谢谢

Answer 1

无论如何都必须返回值。在您的情况下，当retrieveAuthToken返回错误时-没有返回值。

请返回承诺并更改声明的返回值。

import { Injectable } from "@angular/core";
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from "@angular/common/http";
import { Observable } from 'rxjs/Observable';
import { HttpBase } from "../http-base";
import { HttpUrl } from "../http-url.enum";

@Injectable()
export class AuthInterceptor implements HttpInterceptor {

    constructor(
        private httpBase: HttpBase
    ) { }

    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> | Promise<any> {
        if (!this.isMiddleTierRequest(request.url)) {
            return next.handle(request);
        }

        return this.httpBase.retrieveAuthToken()
            .then((token) => {
                const requestWithAuth = request.clone({ 
                    setHeaders: {
                        Authorization: `Bearer ${token}`
                    }});

                    return next.handle(request);
            });
    }

    private isMiddleTierRequest(url: string): boolean {
        return url.indexOf(HttpUrl.MiddleTier) != -1;
    }
}

承诺失败的角度拦截器测试

1 个答案: