ユニットテストのトリガーイベント

Question

ブラウザで実行中のモカを使用してユニットテスト内でスクロールイベントをトリガーしようとしています。私はそれに依存する関数のためのスクロールイベントをトリガするにはどうすればよい

function toggleBgHandler(html, ele) { 
     document.addEventListener("scroll", (e) => { 
     if (html[0].scrollTop === 0) { 
      ele.classList.remove("toggle-bg"); 
     } else { 
      ele.classList.add("toggle-bg"); 
     } 
     }); 
    } 

：私は、テストしようとしています

describe('Background Change', function() { 
    describe('toogleBgHandler()', function() { 
    it('should contain toggle-bg when scrollTop is more than 0', function() { 
    let html = document.createElement('html'); 
    var target = []; 
    target.push(html); 
    let body = document.createElement('body'); 
    let div = document.createElement('div'); 
    html.appendChild(body); 
    body.appendChild(div); 
    document.body.dispatchEvent(new Event("scroll")); 
    toggleBgHandler(target, div) 
    chai.assert.isTrue(div.classList.contains("toggle-bg")); 
    }); 
    }); 
}); 

が機能：私は、次のコードを持っていますか？イベントオブジェクトの作成も試しましたが、それもうまくいきませんでした。どのポインタも素晴らしいでしょう。

Answer 1

ウィンドウまたは_elementでコードが探しているスクロールイベントはありますか？それは、ウィンドウ上にある場合は、このように、スクロールイベントを送出することができるはずです。そうでなければ

window.dispatchEvent(new Event('scroll')); 

は、あなたが行うことができます：

element.dispatchEvent(new Event('scroll')); 

Here's a jsfiddle実証しました。