blessing-skin-server/resources/assets/tests/scripts/homePage.test.ts
2021-08-22 10:50:58 +08:00

30 lines
865 B
TypeScript

import { scrollHander } from '@/scripts/homePage'
describe('scroll handler', () => {
beforeAll(() => {
window.blessing.extra = {
transparent_navbar: false,
}
})
it('should be transparent at top', () => {
Object.assign(window, { innerHeight: 900 })
document.body.innerHTML = '<nav class="navbar"></nav>'
scrollHander()
window.dispatchEvent(new Event('scroll'))
expect(
document.querySelector('nav')!.classList.contains('transparent'),
).toBeTrue()
})
it('should not be transparent at bottom', () => {
Object.assign(window, { innerHeight: 900, scrollY: 800 })
document.body.innerHTML = '<nav class="navbar transparent"></nav>'
scrollHander()
window.dispatchEvent(new Event('scroll'))
expect(
document.querySelector('nav')!.classList.contains('transparent'),
).toBeFalse()
})
})