refactor testing

test/nuxt/useCameras.spec.js

@@ -2,44 +2,45 @@ 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 () => {
-    registerEndpoint('/api/cameras', () => ({
+    setupEndpoints(() => ({
       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))
+    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' }]
-    registerEndpoint('/api/cameras', () => ({
+    setupEndpoints(() => ({
       devices: [],
       liveSessions: [],
       cotEntities,
     }))
-    registerEndpoint('/api/pois', () => [])
-    registerEndpoint('/api/me', () => null, { method: 'GET' })
     const wrapper = await mountSuspended(Index)
-    await new Promise(r => setTimeout(r, 100))
+    await wait()
     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', () => {
+    setupEndpoints(() => {
       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))
+    await wait(150)
     expect(wrapper.findComponent({ name: 'KestrelMap' }).exists()).toBe(true)
   })
 })