import { describe, it, expect } from 'vitest'
import { mountSuspended, registerEndpoint } from '@nuxt/test-utils/runtime'
import { defineComponent, h } from 'vue'
import { useLiveSessions } from '../../app/composables/useLiveSessions.js'

const wait = (ms = 100) => new Promise(r => setTimeout(r, ms))

const createTestComponent = (setupFn) => {
  return defineComponent({
    setup: setupFn,
  })
}

const setupEndpoints = (liveResponse) => {
  registerEndpoint('/api/live', liveResponse)
  registerEndpoint('/api/me', () => ({ id: '1', identifier: 'u', role: 'member' }), { method: 'GET' })
}

describe('useLiveSessions', () => {
  it('fetches sessions from API and returns sessions ref', async () => {
    setupEndpoints(() => [{ id: 's1', label: 'Live 1', hasStream: true, lat: 37, lng: -122 }])
    const TestComponent = createTestComponent(() => {
      const { sessions } = useLiveSessions()
      return () => h('div', { 'data-sessions': JSON.stringify(sessions.value) })
    })
    const wrapper = await mountSuspended(TestComponent)
    await wait()
    expect(wrapper.find('[data-sessions]').exists()).toBe(true)
  })

  it('returns empty array when fetch fails', async () => {
    setupEndpoints(() => {
      throw new Error('fetch failed')
    })
    const TestComponent = createTestComponent(() => {
      const { sessions } = useLiveSessions()
      return () => h('div', { 'data-sessions': JSON.stringify(sessions.value) })
    })
    const wrapper = await mountSuspended(TestComponent)
    await wait(150)
    const sessions = JSON.parse(wrapper.find('[data-sessions]').attributes('data-sessions'))
    expect(sessions).toEqual([])
  })

  it('startPolling and stopPolling manage interval', async () => {
    setupEndpoints(() => [])
    const TestComponent = createTestComponent(() => {
      const { startPolling, stopPolling } = useLiveSessions()
      return () => h('div', {
        onClick: () => {
          startPolling()
          startPolling()
          stopPolling()
        },
      })
    })
    const wrapper = await mountSuspended(TestComponent)
    await wrapper.trigger('click')
    expect(wrapper.exists()).toBe(true)
  })
})