ジャスミンでイベントが発生したかどうかのテスト

Question

jquery-jasmineを使わずにジャスミンでイベントが発生した場合、どうすればテストできますか？

jQuery（wohoo）を使用しないプロジェクトに取り組んでいます。私は、メニュートリガ機能の単体テストを作成しようとしています。それは次のように機能します。

• あなたはボタン
• 私のテスト可能なコンポーネントは、その後、私は部品が実際にカスタムイベントを送出したことをテストしたい
• document.dispatchEvent(new CustomEvent('menu.toggle'))を実行]をクリックします。

これはどのようにテストしますか？

Answer 1

は少し周りを演奏し、うまく解決策が見つかりました：

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

は基本的に私のイベントのイベントハンドラとして追加し、それが呼ばれています確認し、「イベント」と呼ばれる新しいスパイを作成します。

これを行うより良い方法がある場合は、別の回答を受け入れることができます。