Тестування Angular 2 - Виклик функції асинхронізації - коли використовувати

Коли ви використовуєте функцію асинхронізації в TestBed під час тестування в Angular 2?

Коли ви використовуєте це?

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

І коли ви цим користуєтесь?

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

Хто-небудь може мене просвітлити в цьому?

asyncне дозволить розпочати наступний тест, поки не виконає asyncвсі свої завдання. Що asyncозначає обернути зворотний виклик у Зону, де setTimeoutвідстежуються всі асинхронні завдання (наприклад ). Як тільки всі асинхронні завдання будуть завершені, тоді asyncвиконується.

Якщо ви коли-небудь працювали з Жасмином за межами Angular, можливо, ви бачили, doneяк передавали зворотний дзвінок

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

Ось це рідна жасмин, де ми говоримо Жасмин, що цей тест повинен затримати завершення, поки ми не зателефонуємо done(). Якби ми не зателефонували done()і замість цього зробили це:

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

Тест завершиться ще до очікування, оскільки обіцянка вирішується після закінчення тесту, виконуючи синхронні завдання.

З Angular (в середовищі жасмину), Angular насправді буде дзвонити doneза куліси, коли ми використовуємо async. Він буде відстежувати всі асинхронні завдання в Зоні, і коли вони будуть закінчені, doneбуде викликаний за кадром.

У вашому конкретному випадку з TestBedконфігурацією ви зазвичай використовуєте це, коли хочете compileComponents. Я рідко потрапляю в ситуацію, коли мені доводиться називати це інакше

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

При тестуванні компонента, який використовує templateUrl (якщо ви не використовуєте веб-пакет), тоді Angular повинен зробити запит XHR, щоб отримати шаблон, тому компіляція компонента буде асинхронною. Тому нам слід почекати, поки він не вирішиться, перш ніж продовжувати тестування.

Коли ви здійснюєте асинхронний виклик у своєму тесті, фактична тестова функція завершується до завершення асинхронного виклику. Коли вам потрібно перевірити якийсь стан, коли виклик був завершений (як правило, це трапляється), тоді тестовий фреймворк повідомляє про тестування як про завершене, поки ще триває робота з асинхронізацією.

Під час використання async(...)ви кажете тестовій структурі почекати, поки не буде завершено обіцянку повернення або спостережуване, перш ніж розглядати тест як завершений.

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);
  });
}));

Код, який передається, then(...)буде виконаний після завершення самої функції тесту. З async()вами зробити тест рамки знають, що потрібно чекати обіцянок та спостережуваних завершити до лікування тестів завершених.

Дивіться також

• https://angular.io/guide/testing#async