import { describe, it, expect } from 'vitest'
import { mountSuspended, registerEndpoint } from '@nuxt/test-utils/runtime'
import Index from '../../app/pages/index.vue'

describe('useCameras', () => {
  it('page uses cameras from API', async () => {
    registerEndpoint('/api/cameras', () => ({
      devices: [{ id: '1', name: 'Test', lat: 37.7, lng: -122.4, streamUrl: '', sourceType: 'mjpeg', device_type: 'feed' }],
      liveSessions: [],
      cotEntities: [],
    }))
    registerEndpoint('/api/pois', () => [])
    registerEndpoint('/api/me', () => null, { method: 'GET' })
    const wrapper = await mountSuspended(Index)
    await new Promise(r => setTimeout(r, 100))
    expect(wrapper.findComponent({ name: 'KestrelMap' }).exists()).toBe(true)
  })

  it('exposes cotEntities from API', async () => {
    const cotEntities = [{ id: 'cot-1', lat: 38, lng: -123, label: 'ATAK1' }]
    registerEndpoint('/api/cameras', () => ({
      devices: [],
      liveSessions: [],
      cotEntities,
    }))
    registerEndpoint('/api/pois', () => [])
    registerEndpoint('/api/me', () => null, { method: 'GET' })
    const wrapper = await mountSuspended(Index)
    await new Promise(r => setTimeout(r, 100))
    const map = wrapper.findComponent({ name: 'KestrelMap' })
    expect(map.exists()).toBe(true)
    expect(map.props('cotEntities')).toEqual(cotEntities)
  })

  it('handles API error and falls back to empty devices and liveSessions', async () => {
    registerEndpoint('/api/cameras', () => {
      throw new Error('network')
    })
    registerEndpoint('/api/pois', () => [])
    registerEndpoint('/api/me', () => null, { method: 'GET' })
    const wrapper = await mountSuspended(Index)
    await new Promise(r => setTimeout(r, 150))
    expect(wrapper.findComponent({ name: 'KestrelMap' }).exists()).toBe(true)
  })
})