angular - fakeAsync不等待异步操作完成

语境
我正在测试一个组件，它使用一个基于可观察的服务来获取一些数据并将其用于i18n目的。
i18n服务是自定义的，因为有特定的需要。
组件在开发模式下工作（在某些模板中使用，工作正常），但测试失败。
来源
成分

@Component({
    selector     : "i18n",
    template     : '<span [innerHTML]="text"></span><span #wrapper hidden="true"><ng-content></ng-content><span>',
    encapsulation: ViewEncapsulation.None
})
export class I18nComponent implements OnChanges {

    constructor(private i18n:I18n) {
    }

    @ViewChild('wrapper')
    content:ElementRef;

    @Input('key')
    key:string;

    @Input('domain')
    domain:string;

    @Input('variables')
    variables:Variables = [];

    @Input("plural")
    plural:number;

    text:string;

    ngOnChanges():any {
        this.i18n.get(this.key, this.content.nativeElement.innerHTML, this.variables, this.domain).subscribe((res) => {
            this.text = res;
        });
    }
}

I18N.GET

public get(key:string,
               defaultValue?:string,
               variables:Variables = {},
               domain?:string):Observable<string>{
    const catalog = {
                         "StackOverflowDomain":
                         {
                             "my-key":"my-value"
                         }
                    };

    return Observable.of(catalog[domain][key]).delay(300);
}

与Variables：

export interface Variables {
    [key:string]:any;
}

测试

describe("I18n component", () => {

    beforeEach(() => {
        TestBed.configureTestingModule({
            providers   : [
                I18n,
                {
                    provide : I18N_CONFIG,
                    useValue: {
                        defaultLocale : "fr_FR",
                        variable_start: '~',
                        variable_end  : '~'
                    }
                },
                {
                    provide : I18N_LOADERS,
                    useClass: MockLocaleLoader,
                    multi   : true
                }
            ],
            declarations: [
                I18nComponent
            ]
        });
        fixture = TestBed.createComponent<I18nComponent>(I18nComponent);
        comp = fixture.componentInstance;
    });

    fit("can call I18n.get.", fakeAsync(() => {
        comp.content.nativeElement.innerHTML = "nope";
        comp.key = "test";
        comp.domain = "test domain";
        comp.ngOnChanges();
        tick();
        fixture.detectChanges();
        expect(comp.text).toBe("test value");
    }));

});

问题
测试失败，并显示消息：
预期未定义为“测试值”。
错误：队列中仍有1个周期计时器。
因为i18n.get在检查断言之前没有完成它的工作，所以comp.text仍然是undefined。
已经试过了
在tick方法调用中添加一个很高的值，什么也没有改变（尝试了5000次）。
使ngOnChanges返回Promise<void>并在this.text = res;之后立即解决的afakeAsync并使用done的then方法改变comp.ngOnChanges区域进行简单的测试。它可以工作，但是ngOnChanges不应该返回Promise并且我需要一个干净的解决方案。

最佳答案

请注意，async和fakeasync的功能和包容性不如jasmine。
记下（在撰写本文时）的确切内容：
https://angular.io/guide/testing#component-fixture
它说：
“用done编写测试函数，虽然比async和fakeasync更麻烦，但这是一种可行的、有时是必要的技术。例如，当测试涉及IntervalTimer的代码时，不能调用Async或FakeAsync，这在测试Async Observable时很常见。”