import { readFileSync } from 'node:fs'
import { resolve } from 'node:path'
import { describe, expect, it } from 'vitest'

const source = readFileSync(resolve(process.cwd(), 'src/modules/container-loading/pages/ContainerDetailView.vue'), 'utf8')
const overviewSource = readFileSync(resolve(process.cwd(), 'src/modules/container-loading/components/ContainerOverviewPanel.vue'), 'utf8')

describe('ContainerDetailView customs integration', () => {
  it('mounts the new container customs panel only after loading completes', () => {
    expect(source).toContain("detail.planStatus === 'COMPLETED' && overview?.loadingPlanId && canListCustoms")
    expect(source).toContain('<ContainerCustomsPanel')
    expect(source).toContain(':loading-plan-id="overview.loadingPlanId"')
    expect(source).toContain(':can-manage="canManageCustoms"')
  })

  it('removes the retired loading-list customs UI and calls', () => {
    for (const retired of ['getLoadingDeclaration', 'uploadLoadingDeclaration', 'completeLoadingDeclaration', 'downloadLoadingDeclaration', 'CUSTOMS_DECLARATION']) {
      expect(source).not.toContain(retired)
      expect(overviewSource).not.toContain(retired)
    }
  })
})