fixture.whenStable () перестает работать / вызывается после обновления с Angular 4 до 6

Question

Итак, у меня было несколько тестов, которые проверяли некоторые атрибуты компонентов (например, кнопку).

Ранее у меня были тестовые случаи, которые раньше работали примерно так:

            fixture.whenStable().then(()=>{
                const nextBtn = fixture.debugElement.nativeElement.querySelector(
                    '#create-btn'
                );
                console.log(nextBtn)
                expect(nextBtn.getAttribute('ng-reflect-disabled')).toBe('true');;
            })

внезапно, код не входит внутрь fixture.whenStable().then(() => {}), тестовые примеры проходят с предупреждением, таким как

У некоторых компонентов должна быть отключена кнопка, ожиданий нет

Я не могу найти что-либо через Интернет.Кто-нибудь сталкивался с подобной проблемой.

Я также пытался обернуть ее вокруг async() из it, но не повезло

Answer 1

Попробуйте добавить асинхронный в beforeEach:

beforeEach(async(() => { // <-- use async
    TestBed.configureTestingModule({
        declarations: [AppComponent],
    });

    fixture = TestBed.createComponent(AppComponent);

    component = fixture.componentInstance;

    fixture.detectChanges();
}));

Answer 2

Вы можете попробовать следующие вещи.

it('TEST', async(() => {
    fixture.whenStable().then(() => {
        fixture.detectChanges(); // you can write this
        const nextBtn = fixture.debugElement.nativeElement.querySelector('#create-btn');
        expect(nextBtn.getAttribute('ng-reflect-disabled')).toBe('true');
    });
}));