import { readFileSync } from 'node:fs'
import { resolve } from 'node:path'
import { defineComponent } from 'vue'
import { flushPromises, mount } from '@vue/test-utils'
import { beforeEach, describe, expect, it, vi } from 'vitest'
import {
  getLoadingAssociationSummary,
  getOverseasInboundCodeRelationship,
  getPlatformInboundCodeAssociation,
} from '@/shared/api/inboundCodeRelations'
import InboundCodeRelationshipDrawer from './InboundCodeRelationshipDrawer.vue'

vi.mock('@/shared/api/inboundCodeRelations', () => ({
  getLoadingAssociationSummary: vi.fn(),
  getOverseasInboundCodeRelationship: vi.fn(),
  getPlatformInboundCodeAssociation: vi.fn(),
}))

const source = readFileSync(resolve(process.cwd(), 'src/shared/components/InboundCodeRelationshipDrawer.vue'), 'utf8')
const AppDrawerStub = defineComponent({
  props: { modelValue: Boolean, title: String, loading: Boolean },
  emits: ['update:modelValue'],
  template: '<aside><h2>{{ title }}</h2><slot /></aside>',
})

function mountDrawer() {
  return mount(InboundCodeRelationshipDrawer, {
    props: {
      modelValue: true,
      inboundCode: 'NYEXX2608300027',
      canReadBase: true,
      canReadLoading: true,
      canReadOverseas: true,
    },
    global: {
      stubs: {
        AppDrawer: AppDrawerStub,
        ApiErrorMeta: true,
        LoadErrorState: true,
        StatusBadge: true,
        'el-alert': true,
        'el-empty': { props: ['description'], template: '<p>{{ description }}</p>' },
        'el-table': { props: ['data'], template: '<div>{{ data[0]?.skuCode }}<slot /></div>' },
        'el-table-column': true,
      },
    },
  })
}

describe('InboundCodeRelationshipDrawer contract', () => {
  beforeEach(() => {
    vi.clearAllMocks()
    vi.mocked(getPlatformInboundCodeAssociation).mockResolvedValue({
      inboundCode: 'NYEXX2608300027', orderNo: 'FL2093975748931063810', orderStatus: 'APPROVED',
      orderId: '90071992547409931', customerId: '90071992547409932', customerName: '纽约客户',
      destinationType: 'FBA', destinationWarehouseId: '90071992547409933', destinationWarehouseCode: 'ABE3', destinationWarehouseName: '亚马逊 ABE3 仓',
    })
    vi.mocked(getLoadingAssociationSummary).mockResolvedValue({
      inboundId: '90071992547409934', inboundCode: 'NYEXX2608300027', orderNo: 'FL2093975748931063810',
      loadingPlanId: '90071992547409935', loadingPlanNo: 'LP-260830-0016', containerBookingId: '90071992547409936',
      cabinetNo: 'CAB-260830-0016', containerNo: null, loadingStatus: 'LOADING', taskId: '90071992547409937',
      pdaTaskStatus: 'IN_PROGRESS', coLoadGroupId: null, coLoadGroupNo: null, items: [{ itemId: '90071992547409938' }],
    })
    vi.mocked(getOverseasInboundCodeRelationship).mockResolvedValue({
      inboundCode: 'NYEXX2608300027', found: true,
      customer: { customerId: '90071992547409932', customerName: '纽约客户' },
      overseasWarehouse: { warehouseId: '90071992547409939', warehouseCode: 'LAX', warehouseName: '洛杉矶海外仓' },
      overseasReceivingStatus: 'RECEIVING', taillegOrders: [{ orderNo: 'LL-260830-0001', orderStatus: 'PENDING' }],
      inboundPlans: [{ planNo: 'IP-260830-0001', planStatus: 'READY', receivingStatus: 'WAITING' }],
      palletCodes: ['PLT-LAX-001'], inventory: [{ skuCode: 'SKU-001', productNameZh: '测试商品', packageCount: 12 }],
    })
  })

  it('loads all three sections on an initially open mount and reloads after closing and reopening', async () => {
    const wrapper = mountDrawer()
    await flushPromises()

    expect(getPlatformInboundCodeAssociation).toHaveBeenCalledWith('NYEXX2608300027')
    expect(getLoadingAssociationSummary).toHaveBeenCalledWith('NYEXX2608300027')
    expect(getOverseasInboundCodeRelationship).toHaveBeenCalledWith('NYEXX2608300027')
    expect(wrapper.text()).toContain('FL2093975748931063810')
    expect(wrapper.text()).toContain('LP-260830-0016')
    expect(wrapper.text()).toContain('CAB-260830-0016')
    expect(wrapper.text()).toContain('纽约客户')
    expect(wrapper.text()).toContain('洛杉矶海外仓')
    expect(wrapper.text()).toContain('LL-260830-0001')
    expect(wrapper.text()).toContain('IP-260830-0001')
    expect(wrapper.text()).toContain('PLT-LAX-001')
    expect(wrapper.text()).toContain('SKU-001')
    expect(wrapper.text()).not.toMatch(/9007199254740993[1-9]/)

    await wrapper.setProps({ modelValue: false })
    await wrapper.setProps({ modelValue: true })
    await flushPromises()
    expect(getPlatformInboundCodeAssociation).toHaveBeenCalledTimes(2)
    expect(getLoadingAssociationSummary).toHaveBeenCalledTimes(2)
    expect(getOverseasInboundCodeRelationship).toHaveBeenCalledTimes(2)
  })

  it('keeps a server-declared overseas miss as a local empty state', async () => {
    vi.mocked(getOverseasInboundCodeRelationship).mockResolvedValueOnce({
      inboundCode: 'NYEXX2608300027', found: false, customer: null, overseasWarehouse: null,
      overseasReceivingStatus: null, taillegOrders: [], inboundPlans: [], palletCodes: [], inventory: [],
    })
    const wrapper = mountDrawer()
    await flushPromises()
    expect(wrapper.text()).toContain('服务端未找到该入仓码的海外关联数据')
    expect(wrapper.text()).toContain('FL2093975748931063810')
    expect(wrapper.text()).toContain('LP-260830-0016')
  })

  it('loads only permission-authorized server read models and keeps failures isolated', () => {
    expect(source).toContain('props.canReadBase')
    expect(source).toContain('props.canReadLoading')
    expect(source).toContain('props.canReadOverseas')
    expect(source).toContain('getPlatformInboundCodeAssociation(code)')
    expect(source).toContain('getLoadingAssociationSummary(code)')
    expect(source).toContain('getOverseasInboundCodeRelationship(code)')
    expect(source).toContain('await Promise.all(tasks)')
    expect(source).toContain('{ immediate: true }')
    expect(source).toContain('<ApiErrorMeta :details="baseError"')
    expect(source).toContain('<ApiErrorMeta :details="overseasError"')
    expect(source).toContain('服务端未找到该入仓码的海外关联数据')
    expect(source).not.toMatch(/listPlatform|customerId\)|warehouseId\)/)
  })

  it('shows business numbers and names without rendering internal ids', () => {
    expect(source).toContain('baseAssociation.inboundCode')
    expect(source).toContain('baseAssociation.orderNo')
    expect(source).toContain('baseAssociation.customerName')
    expect(source).toContain('baseAssociation.destinationWarehouseName')
    expect(source).not.toContain('{{ baseAssociation.orderId')
    expect(source).not.toContain('{{ baseAssociation.customerId')
    expect(source).not.toContain('{{ baseAssociation.destinationWarehouseId')
    expect(source).toContain('text-overflow:ellipsis')
    expect(source).toContain(':title="display(baseAssociation.inboundCode)"')
  })
})