import { createPinia, setActivePinia } from 'pinia'
import { beforeEach, describe, expect, it } from 'vitest'

import { useMessageMediaStore } from '@/stores/messageMedia'
import type { PhoneMedia } from '@/types/media'

const photo: PhoneMedia = {
  createdAt: 1_786_035_600,
  favorite: false,
  id: 17,
  mediaType: 'photo',
  url: 'https://media.example/photo.jpg',
}

describe('message media handoff', () => {
  beforeEach(() => setActivePinia(createPinia()))

  it('returns captured media to the requesting DarkChat conversation', () => {
    const store = useMessageMediaStore()
    store.begin('darkchat:conversation-id', 'photo', '/apps/darkchat')

    expect(store.complete(photo)).toBe('/apps/darkchat')
    expect(store.consume('darkchat:another-conversation')).toBeNull()
    expect(store.consume('darkchat:conversation-id')).toEqual(photo)
  })

  it('keeps the request active when the selected media type does not match', () => {
    const store = useMessageMediaStore()
    store.begin('4205550196', 'video')

    expect(store.complete(photo)).toBeNull()
    expect(store.request).toMatchObject({ mediaType: 'video', target: '4205550196' })
    expect(store.cancel()).toBe('/apps/messages')
  })

  it('returns multiple photos and the requesting app context', () => {
    const store = useMessageMediaStore()
    const secondPhoto = { ...photo, id: 18 }
    store.begin('citymarkt:sell', 'photo', '/apps/citymarkt?sell=1', 2, {
      title: 'Draft listing',
    })

    expect(store.completeMany([photo, secondPhoto])).toBe('/apps/citymarkt?sell=1')
    expect(store.consumeMany<{ title: string }>('citymarkt:sell')).toEqual({
      context: { title: 'Draft listing' },
      media: [photo, secondPhoto],
    })
  })

  it('preserves the requesting app context when selection is cancelled', () => {
    const store = useMessageMediaStore()
    store.begin('local-pages:compose', 'photo', '/apps/local-pages?compose=1', 6, {
      title: 'Draft post',
    })

    expect(store.cancel()).toBe('/apps/local-pages?compose=1')
    expect(store.consumeMany<{ title: string }>('local-pages:compose')).toEqual({
      context: { title: 'Draft post' },
      media: [],
    })
  })
})