我們這次的測試目標只有兩個
第一個測試:觀察目標元素當掛載時
測試當元件掛載(mount)時,
IntersectionObserver
是否開始觀察(observe)正確的目標元素。測試中使用 renderHook
來渲染 hook,並檢查 observe
方法是否被用正確的參數調用,即用 ref.current
作為參數調用,其中 ref.current
是一個 div
元素。第二個測試:卸載時停止觀察目標元素
測試當元件卸載(unmount)時,
IntersectionObserver
是否停止觀察(unobserve)正確的目標元素。測試中使用 unmount
函數來模擬元件的卸載,並檢查 unobserve
方法是否被用正確的參數調用。測試: