Testowanie kątowe 2 - Wywołanie funkcji asynchronicznej - kiedy używać

Question

Kiedy używasz funkcji asynchronicznej w TestBed podczas testowania w Angular 2?

Kiedy używasz tego?

beforeEach(() => { 
     TestBed.configureTestingModule({ 
      declarations: [MyModule], 
      schemas: [NO_ERRORS_SCHEMA], 
     }); 
    }); 

i kiedy używasz tego?

beforeEach(async(() => { 
     TestBed.configureTestingModule({ 
      declarations: [MyModule], 
      schemas: [NO_ERRORS_SCHEMA], 
     }); 
    })); 

Czy ktoś może mnie o tym poinformować?

Answer 1

async pozwoli następny test nie rozpocznie, dopóki async wykończeniach wszystkich jego zadań. To, co robi async, zawija wywołanie zwrotne w strefie, w której śledzone są wszystkie asynchroniczne zadania (na przykład setTimeout). Po zakończeniu wszystkich zadań asynchronicznych zakończy się proces async.

Jeśli kiedykolwiek pracował z Jasmine zewnątrz out kątowe, może widzieliście done są przekazywane do zwrotnego

it('..', function(done) { 
    someAsyncAction().then(() => { 
    expect(something).toBe(something); 
    done(); 
    }); 
}); 

Tutaj jest to rodzimy jaśmin, gdzie mówimy Jasmine że test ten powinien opóźnić ukończenie aż dzwonimy pod numer done(). Jeśli nie zrobiliśmy tego

it('..', function() { 
    someAsyncAction().then(() => { 
    expect(something).toBe(something); 
    }); 
}); 

Test zakończy się jeszcze przed oczekiwaniem, bo obietnica postanawia po zakończeniu testu synchroniczne wykonanie zadania.

W przypadku kątowego (w środowisku jaśminowym) Angular będzie wywoływał za kulisami done, gdy używamy async. Będzie śledzić wszystkie asynchroniczne zadania w Strefie, a kiedy wszystko się skończy, done zostanie wywołany za kulisami.

W konkretnym przypadku z konfiguracją TestBed, możesz użyć tego ogólnie, gdy chcesz compileComponents.Rzadko zdarza mi się uruchomić w sytuacji, w której musiałbym nazwać inaczej

beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
    declarations: [MyModule], 
    schemas: [NO_ERRORS_SCHEMA], 
    }) 
    .compileComponent().then(() => { 
     fixture = TestBed.createComponent(TestComponent); 
    }); 
})); 

Testując komponent, który używa templateUrl (jeśli nie używasz WebPACK), a następnie kątowa musi złożyć wniosek XHR dostać szablon , więc kompilacja komponentu byłaby asynchroniczna. Powinniśmy więc poczekać, aż to rozwiąże, aby kontynuować testowanie.

Answer 2

Podczas wykonywania połączenia asynchronicznego w teście faktyczna funkcja testu zostaje zakończona przed zakończeniem połączenia asynchronicznego. Gdy trzeba zweryfikować jakiś stan, gdy połączenie zostało zakończone (co zwykle ma miejsce), struktura testowa zgłosi test jako zakończony, gdy nadal będzie trwała praca asynchroniczna.

Przy użyciu async(...) podajesz ramowi testowemu, aby poczekał, aż obietnica zwrotu lub obserwowalna zostanie zakończona przed traktowaniem testu jako zakończonego.

it('should show quote after getQuote promise (async)', async(() => { 
    fixture.detectChanges(); 

    fixture.whenStable().then(() => { // wait for async getQuote 
    fixture.detectChanges();  // update view with quote 
    expect(el.textContent).toBe(testQuote); 
    }); 
})); 

Kod przekazany do then(...) zostanie wykonany po funkcję testową sam wypełniony. Dzięki async() uświadamiasz system testowy, że musi on czekać na dotrzymanie obietnic i obserwowalnych wyników, zanim traktujesz test jako ukończony.

Zobacz także

• https://angular.io/docs/ts/latest/guide/testing.html#!#async