initial commit

test/nuxt/useCameras.spec.js

@@ -0,0 +1,28 @@
+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: [],
+    }))
+    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('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)
+  })
+})