import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
import { enableAutoUnmount, mount } from '@vue/test-utils'
import { nextTick } from 'vue'
import { noteBuild, resetBuildUpdate } from '../../src/app/buildUpdate'
import UpdateBanner from '../../src/components/ui/UpdateBanner.vue'
import { page } from '../../src/state/usePreferences'
import { resetState } from '../helpers'

beforeEach(() => {
  resetState()
  resetBuildUpdate()
})

afterEach(() => {
  vi.restoreAllMocks()
})

enableAutoUnmount(afterEach)

describe('UpdateBanner', () => {
  it('is hidden while no new build is known', () => {
    const wrapper = mount(UpdateBanner)
    expect(wrapper.find('[data-update-banner]').exists()).toBe(false)
  })

  it('shows the new-version text and reloads only on Reload', async () => {
    const reload = vi.spyOn(page, 'reload').mockImplementation(() => undefined)
    const wrapper = mount(UpdateBanner)
    noteBuild('bbbbbbbbbbbb', 'aaaaaaaaaaaa')
    await nextTick()
    const banner = wrapper.find('[data-update-banner]')
    expect(banner.exists()).toBe(true)
    expect(banner.attributes('role')).toBe('status')
    expect(banner.attributes('aria-live')).toBe('polite')
    expect(banner.text()).toContain('Dostępna jest nowa wersja panelu.')
    expect(wrapper.find('[data-update-reload]').text()).toBe('Odśwież')
    expect(reload).not.toHaveBeenCalled()
    await wrapper.find('[data-update-reload]').trigger('click')
    expect(reload).toHaveBeenCalledTimes(1)
  })

  it('hides on Close', async () => {
    const reload = vi.spyOn(page, 'reload').mockImplementation(() => undefined)
    const wrapper = mount(UpdateBanner)
    noteBuild('bbbbbbbbbbbb', 'aaaaaaaaaaaa')
    await nextTick()
    const close = wrapper.find('[data-update-close]')
    expect(close.attributes('aria-label')).toBe('Zamknij')
    await close.trigger('click')
    expect(wrapper.find('[data-update-banner]').exists()).toBe(false)
    expect(reload).not.toHaveBeenCalled()
  })
})