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()
  })
})