Конфликт между zone.js и часами Жасмина

Question

Я работаю с набором тестов Jasmine, который включает в себя как «ванильные» тесты Жасмина, так и тесты Жасмина для некоторых компонентов Angular 2. Из-за включения Angular 2 загружается zone.js. Это создает конфликт с часами Жасмина. Например, следующий тест завершается с ошибкой, Error: Jasmine Clock was unable to install over custom global timer functions. Is the clock already installed?

describe('an async test with zone.js present', function() { 
    beforeEach(function() { 
    jasmine.clock().install(); 
    }); 

    afterEach(function() { 
    jasmine.clock().uninstall(); 
    }); 

    it('cannot install jasmine\'s mock clock', function() { 
    var callback = jasmine.createSpy('setTimeoutCallback') 
    setTimeout(callback, 55); 
    jasmine.clock().tick(56); 
    expect(callback).toHaveBeenCalled(); 
    }); 
}) 

Here является plunker для приведенного выше кода.

Не доставляя испытания на Угловые 2 отдельно от тестов «ванили», мне интересно, какие варианты могут быть доступны. Например, можно ли выполнить работу часов Jasmine с зоной? Например, можно ли имитировать тик в зоне или сбросить все запланированные задачи до утверждения?

Answer 1

Для меня это работает, если вы удалите часы в beforeEach. Его не рекомендуется жасмином и немного странно, потому что для удаления имеет смысл использовать afterEach. Но вызов uninstallдо первый звонок install происходит для меня.

Answer 2

Как указано на Angular documentation, вы должны использовать функцию tick в корпусе fakeAsync, который является частью модуля @angular/core/testing.

Используя ваш пример и машинопись, это будет выглядеть примерно так ...

import { fakeAsync, tick } from '@angular/core/testing'; 

... 

it('cannot install jasmine\'s mock clock', fakeAsync(() => { 
    var callback = jasmine.createSpy('setTimeoutCallback') 
    setTimeout(callback, 55); 
    tick(56); 
    expect(callback).toHaveBeenCalled(); 
})); 

Answer 3

Код, который бросает это here.

Это означает, что жасмин был загружен до Zone.js. Переключите порядок загрузки. Зона всегда должна быть загружена первой.

Answer 4

Это решение было разрешено https://github.com/angular/zone.js/pull/1009. zone.js и будущее angular будет поддерживать jasmine.clock().