admin-web/src/modules/container-loading/components/OceanBookingLinkDialog.test.ts

import ElementPlus from 'element-plus'
import { flushPromises, mount } from '@vue/test-utils'
import { beforeEach, describe, expect, it, vi } from 'vitest'
import { listOceanBookingLinkCandidates } from '@/modules/ocean-bookings'
import { linkContainerOceanBooking } from '../api/platformContainerLoading'
import type { ContainerBookingResource } from '../types'
import OceanBookingLinkDialog from './OceanBookingLinkDialog.vue'
import AppDialog from '@/shared/components/AppDialog.vue'

vi.mock('@/modules/ocean-bookings', () => ({ listOceanBookingLinkCandidates: vi.fn() }))
vi.mock('../api/platformContainerLoading', () => ({ linkContainerOceanBooking: vi.fn() }))

const container = {
  id: '9001', cabinetNo: 'CAB-1', containerNo: null, planId: '7001', planStatus: 'EDITING',
  sourceType: 'SIMULATION', warehouseId: '8', warehouseName: '义乌仓', channelGroupCode: 'MATSON_CLX', channelCode: null, channelName: null,
  oceanBookingId: null, billOfLadingNo: null, vesselName: null, voyageNo: null, containerType: '40HQ',
  shippingCompanyId: null, shippingCompanyName: null, departurePortCode: null, departurePortName: null,
  destinationPortCode: null, destinationPortName: null, destinationWarehouseCode: null, destinationWarehouseName: null,
  capacityCbm: 68, maxWeightKg: 19500, terminalTruckingCompanyId: null, terminalTruckingCompany: null,
  loadingAt: null, estimatedSailingAt: null, actualSailingAt: null, estimatedPortArrivalAt: null,
  actualPortArrivalAt: null, estimatedWarehouseArrivalAt: null, actualWarehouseArrivalAt: null, version: 7,
} satisfies ContainerBookingResource

const candidate = {
  oceanBookingId: '101', bookingNo: 'OB-101', billOfLadingNo: 'BL-101', requirementId: '202', containerType: '40HQ', capacityCbm: 68,
  maxWeightKg: 19500, requiredQuantity: 2, allocatedQuantity: 1, remainingQuantity: 1,
  customerName: '测试客户', warehouseName: '义乌仓', channelName: '美森正班',
}

describe('OceanBookingLinkDialog', () => {
  beforeEach(() => {
    vi.mocked(listOceanBookingLinkCandidates).mockReset().mockResolvedValue({ records: [candidate], page: 1, size: 200, total: 1, pages: 1 })
    vi.mocked(linkContainerOceanBooking).mockReset().mockResolvedValue({ ...container, oceanBookingId: '101', oceanBookingRequirementId: '202', version: 8 } as never)
  })

  it('loads matching released-booking requirements when opened', async () => {
    const wrapper = mount(OceanBookingLinkDialog, { props: { modelValue: true, container }, global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(wrapper.findComponent(AppDialog).props('title')).toBe('关联已放舱订舱 · CAB-1')
    const identity = wrapper.findAllComponents({ name: 'ElFormItem' }).find(field => field.props('label') === '柜次号')!
    expect(identity.text()).toContain('CAB-1')
    expect(identity.find('input').exists()).toBe(false)
    expect(listOceanBookingLinkCandidates).toHaveBeenCalledExactlyOnceWith({ warehouseId: '8', channelGroupCode: 'MATSON_CLX', containerType: '40HQ', page: 1, size: 200 })
    expect((wrapper.vm as unknown as { candidates: Array<{ label: string }> }).candidates[0]?.label).toContain('OB-101 · 提单号 BL-101 · 40HQ × 1')
    wrapper.unmount()
  })

  it.each([
    ['  mscu1234567  ', 'MSCU1234567'],
    ['', null],
  ])('normalizes and submits the optional real container number %#', async (input, expected) => {
    const wrapper = mount(OceanBookingLinkDialog, { props: { modelValue: true, container }, global: { plugins: [ElementPlus] } })
    await flushPromises()
    const vm = wrapper.vm as unknown as { candidateKey: string; containerNo: string; save: () => Promise<void> }
    vm.candidateKey = '101:202'
    vm.containerNo = input
    await wrapper.findComponent(AppDialog).find('button[aria-label="展开全屏"]').trigger('click')
    expect(vm.containerNo).toBe(input)
    expect(linkContainerOceanBooking).not.toHaveBeenCalled()
    await vm.save()
    expect(linkContainerOceanBooking).toHaveBeenCalledExactlyOnceWith('9001', {
      oceanBookingId: '101', requirementId: '202', containerNo: expected, expectedVersion: 7,
    })
    expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual([false])
    expect(wrapper.emitted('linked')).toHaveLength(1)
    wrapper.unmount()
  })

  it('prefills and preserves a real container number recorded before booking linkage', async () => {
    const existingContainer = { ...container, containerNo: 'MSCU6639870' }
    const wrapper = mount(OceanBookingLinkDialog, {
      props: { modelValue: true, container: existingContainer },
      global: { plugins: [ElementPlus] },
    })
    await flushPromises()
    const vm = wrapper.vm as unknown as { candidateKey: string; containerNo: string; save: () => Promise<void> }
    expect(vm.containerNo).toBe('MSCU6639870')

    vm.candidateKey = '101:202'
    await vm.save()

    expect(linkContainerOceanBooking).toHaveBeenCalledExactlyOnceWith('9001', {
      oceanBookingId: '101', requirementId: '202', containerNo: 'MSCU6639870', expectedVersion: 7,
    })
    wrapper.unmount()
  })
})