Angular 5-如何测试依赖异步服务成功创建的应用程序组件？

当AppComponent依赖于具有promise构造函数的服务时，如何测试成功创建的AppComponent？在app.spec.ts中放置done语句的位置

App.spec.ts

describe("AppComponent", () => {
    var fixture: ComponentFixture<AppComponent> = null;
    var cmp: AppComponent = null;

    beforeEach(done => {
        OidcService.oidcStartup(() => {
            TestBed.configureTestingModule({
                imports: [AppModule],
                providers: [
                    { provide: APP_BASE_HREF, useValue: "/" },
                    Broadcaster
                ]
            }).compileComponents();
            done();
        });
    });

    beforeEach(async(() => {
        this.fixture = TestBed.createComponent(AppComponent);
        this.cmp = this.fixture.debugElement.componentInstance;
    }));

    it(
        "should create the app",
        done => {
            expect(this.cmp).toBeTruthy();

        },
        60000
    );
});

存储服务

@Injectable()
export class StorageService {
    public tenantID: string = null;
    constructor(private base64Svc: Base64Service) {
        // NOOP
        var self = this;
        OidcService.userMgr.getUser().then(user => {
            self.tenantID = user.profile.tenant_id;
        });
    }
...
}

---

我建议您模拟这项服务。 您可以使用测试床Api模拟它，如下所示：

模拟对象/类，例如：

let storageMock = {}

然后在试验台上使用它：

TestBed.configureTestingModule({
    imports: [AppModule],
    providers: [
        { provide: APP_BASE_HREF, useValue: "/" },
        Broadcaster,
        { provide: StorageService, useValue: storageMock}
    ]
}).compileComponents();

TestBed.configureTestingModule({
    imports: [AppModule],
    providers: [
        { provide: APP_BASE_HREF, useValue: "/" },
        Broadcaster,
        { provide: StorageService, useValue: storageMock}
    ]
}).compileComponents();