47 lines
1.6 KiB
JavaScript
47 lines
1.6 KiB
JavaScript
import { describe, it, expect } from 'vitest'
|
|
import { mountSuspended, registerEndpoint } from '@nuxt/test-utils/runtime'
|
|
import Index from '../../app/pages/index.vue'
|
|
|
|
const wait = (ms = 100) => new Promise(r => setTimeout(r, ms))
|
|
|
|
const setupEndpoints = (camerasResponse) => {
|
|
registerEndpoint('/api/cameras', camerasResponse)
|
|
registerEndpoint('/api/pois', () => [])
|
|
registerEndpoint('/api/me', () => null, { method: 'GET' })
|
|
}
|
|
|
|
describe('useCameras', () => {
|
|
it('page uses cameras from API', async () => {
|
|
setupEndpoints(() => ({
|
|
devices: [{ id: '1', name: 'Test', lat: 37.7, lng: -122.4, streamUrl: '', sourceType: 'mjpeg', device_type: 'feed' }],
|
|
liveSessions: [],
|
|
cotEntities: [],
|
|
}))
|
|
const wrapper = await mountSuspended(Index)
|
|
await wait()
|
|
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' }]
|
|
setupEndpoints(() => ({
|
|
devices: [],
|
|
liveSessions: [],
|
|
cotEntities,
|
|
}))
|
|
const wrapper = await mountSuspended(Index)
|
|
await wait()
|
|
const map = wrapper.findComponent({ name: 'KestrelMap' })
|
|
expect(map.props('cotEntities')).toEqual(cotEntities)
|
|
})
|
|
|
|
it('handles API error and falls back to empty devices and liveSessions', async () => {
|
|
setupEndpoints(() => {
|
|
throw new Error('network')
|
|
})
|
|
const wrapper = await mountSuspended(Index)
|
|
await wait(150)
|
|
expect(wrapper.findComponent({ name: 'KestrelMap' }).exists()).toBe(true)
|
|
})
|
|
})
|