Angular：我如何在茉莉花中測試@HostListener？

Question

我有角的組件下面的代碼：

@HostListener('window:scroll', []) onWindowScroll() { 
    this.showScrollToTop = false; 
} 

我怎樣才能在茉莉測試這個？如何啓動窗口滾動事件？

Answer 1

您可以嘗試通過調用窗口上的scrollTo函數來製作簡單的JS滾動條。

如果你想滾動頂部將是：

window.scrollTo(0, 0); 

更新

var scrollEvent = document.createEvent('CustomEvent'); 
scrollEvent.initCustomEvent('scroll', false, false, null); 

window.dispatchEvent(scrollEvent) 

Answer 2

測試的窗口：滾動：

it('should do something on window scroll',() => { 
    window.dispatchEvent(new Event('scroll')); 
    expect(...).... 
});