단위 테스트를위한 트리거링 이벤트

Question

브라우저에서 실행중인 Mocha를 사용하여 단위 테스트 내부에서 스크롤 이벤트를 트리거하려고합니다.

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

기능 내가 시험에 노력하고 있습니다 :

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

가 어떻게 그것에 의존하는 함수에 대한 스크롤 이벤트를 트리거 할 나는 다음과 같은 코드가? 나는 또한 이벤트 객체를 만들려고했지만 그 중 하나가 작동하지 않았다. 모든 포인터가 좋을 것입니다.

Answer 1

코드가 또는 _element 창에서 찾고있는 스크롤 이벤트입니까? 이 창에 있다면, 당신은 다음과 같이 스크롤 이벤트를 전달 할 수 있어야한다 : 그렇지

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

, 당신은 할 수 있습니다 :

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

Here's a jsfiddle 시연.