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

describe('poi page', () => {
  it('renders POI placement heading', async () => {
    registerEndpoint('/api/pois', () => [])
    registerEndpoint('/api/me', () => null, { method: 'GET' })
    const wrapper = await mountSuspended(Poi)
    expect(wrapper.text()).toContain('POI placement')
  })

  it('shows view-only message when cannot edit', async () => {
    registerEndpoint('/api/pois', () => [])
    registerEndpoint('/api/me', () => null, { method: 'GET' })
    const wrapper = await mountSuspended(Poi)
    expect(wrapper.text()).toMatch(/View-only|Sign in as admin/)
  })
})