Событие триггера для модульного тестирования

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')); 

Else, вы можете сделать:

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

Here's a jsfiddle демонстрирующее.