import { expect, it, vi } from 'vitest'
import { bindDayBoundaryDrag } from './dayBoundaryDrag'
import type { RoadtripStop } from '../Roadtrip/useRoadtripRoutes'

function setup(withHandle = false) {
  const el = document.createElement('span')
  if (withHandle) el.innerHTML = '<span data-night-pause="route">1</span>'
  document.body.append(el)
  const save = vi.fn(async () => true), setPosition = vi.fn(), unlock = vi.fn()
  const stop = (assignmentId: number, lng: number) => ({ assignmentId, lat: 0, lng }) as RoadtripStop
  const dispose = bindDayBoundaryDrag(el, { lat: 0, lng: 0.5, tone: 'default', nightPause: { day: 1, atPlace: false, manual: true, position: 0.5 } }, {
    path: [{ from: stop(1, 0), to: stop(2, 1), position: 0, line: [[0, 0], [0, 1]] }], move: save, hint: 'Move',
  }, { project: (lat, lng) => ({ x: lng * 1000, y: lat * 1000 }), setPosition, lock: () => unlock })
  const pointer = (node: EventTarget, type: string, x: number) => node.dispatchEvent(new MouseEvent(type, { clientX: x, clientY: 0, bubbles: true, cancelable: true, button: 0 }))
  return { el, save, setPosition, unlock, dispose, pointer }
}

it('keeps dragging and keyboard controls after Leaflet replaces the label contents', async () => {
  const s = setup(true)
  for (const kind of ['route', 'place', 'route']) {
    const label = s.el.firstElementChild!
    s.pointer(label, 'pointerdown', 500)
    s.pointer(document, 'pointermove', 990)
    s.pointer(document, 'pointerup', 990)
    await Promise.resolve()
    s.el.innerHTML = `<span data-night-pause="${kind}">1</span>`
  }
  expect(s.save).toHaveBeenCalledTimes(3)
  expect(s.unlock).toHaveBeenCalledTimes(3)
  s.el.firstElementChild!.dispatchEvent(new KeyboardEvent('keydown', { key: 'Delete', bubbles: true }))
  expect(s.save).toHaveBeenLastCalledWith(1, null)
  await Promise.resolve()
  s.dispose()
  s.pointer(s.el.firstElementChild!, 'pointerdown', 500)
  s.pointer(document, 'pointermove', 990)
  s.pointer(document, 'pointerup', 990)
  expect(s.save).toHaveBeenCalledTimes(4)
  s.el.remove()
})

it('saves the snapped visit once on release and restores map dragging', async () => {
  const s = setup()
  s.pointer(s.el, 'pointerdown', 500)
  s.pointer(document, 'pointermove', 990)
  expect(s.save).not.toHaveBeenCalled()
  s.pointer(document, 'pointerup', 990)
  expect(s.save).toHaveBeenCalledWith(1, { day_number: 1, from_assignment_id: 2, to_assignment_id: null, fraction: 1 })
  expect(s.unlock).toHaveBeenCalledOnce()
  s.dispose()
})

it('escape cancels without saving and removes document handlers', () => {
  const s = setup()
  s.pointer(s.el, 'pointerdown', 500)
  s.pointer(document, 'pointermove', 300)
  document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }))
  s.pointer(document, 'pointerup', 300)
  expect(s.save).not.toHaveBeenCalled()
  expect(s.setPosition).toHaveBeenLastCalledWith(0, 0.5)
  expect(s.unlock).toHaveBeenCalledOnce()
  s.dispose()
})

it('a right click clears the manual override and a click alone does not save', async () => {
  const s = setup()
  s.pointer(s.el, 'pointerdown', 500)
  s.pointer(document, 'pointerup', 500)
  expect(s.save).not.toHaveBeenCalled()
  s.el.dispatchEvent(new MouseEvent('contextmenu', { bubbles: true, cancelable: true }))
  expect(s.save).toHaveBeenCalledWith(1, null)
  s.dispose()
})