Testowanie, czy zdarzenie zostało wywołane w Jasmine

Question

Jak sprawdzić, czy zdarzenie zostało wywołane w Jasmine bez jquery-jasmine?

Pracuję nad projektem, w którym nie używamy jQuery (wohoo) i próbuję napisać test jednostkowy dla mojej funkcji wyzwalania menu. To działa tak:

• kliknąć przycisk
• Moja sprawdzalne komponent następnie uruchamia document.dispatchEvent(new CustomEvent('menu.toggle'))
• chcę przetestować, że komponent rzeczywiście wywołał zdarzenie niestandardowe.

Jak to przetestować?

Answer 1

bawił się trochę i znaleźć rozwiązanie, które działa dobrze:

import triggerEvent from 'trigger-event'; 
import component from './components/site-menu'; 

describe('triggering menu button',() => { 
    let menuToggleSpy; 
    beforeEach(() => { 
    menuToggleSpy = jasmine.createSpy('event'); 
    component(); 
    }); 

    it('dispatches menu.toggle event',() => { 
    document.addEventListener('menu.toggle', menuToggleSpy); 

    const $trigger = document.querySelector('.js-trigger-main-menu'); 
    triggerEvent($trigger, 'click'); 

    expect(menuToggleSpy).toHaveBeenCalled(); 
    }); 
}); 

Zasadniczo utworzenia nowego szpiega o nazwie „zdarzenie”, dodając go jako obsługi zdarzeń dla mojego przypadku, a następnie weryfikacji to zostało nazwane.

Jeśli są na to lepsze sposoby, z przyjemnością przyjmuję inną odpowiedź.