admin-web/src/modules/overseas-warehouse/pages/DispatchDetailView.test.ts

import ElementPlus from 'element-plus'
import { flushPromises, mount } from '@vue/test-utils'
import { beforeEach, describe, expect, it, vi } from 'vitest'
import { getDispatch } from '../api/dispatches'
import DispatchDetailView from './DispatchDetailView.vue'
import { DataTableStub } from './phase5TestStubs'

const sourceQuery = vi.hoisted(() => ({} as Record<string, string>))
const routerPush = vi.hoisted(() => vi.fn())
vi.mock('vue-router', () => ({ useRoute: () => ({ params: { dispatchNo: 'PC/1' }, query: sourceQuery }), useRouter: () => ({ push: routerPush }) }))
vi.mock('../api/dispatches', () => ({ getDispatch: vi.fn() }))

describe('DispatchDetailView', () => {
  beforeEach(() => {
    routerPush.mockReset()
    Object.keys(sourceQuery).forEach(key => delete sourceQuery[key])
    vi.mocked(getDispatch).mockReset().mockResolvedValue({
      id: '1', dispatchNo: 'PC/1', vehiclePlate: 'CA-100', driverName: '张师傅', status: 'PENDING_DEPARTURE',
      route: 'LAX → ONT8', items: [{ id: '11', planPalletId: '20', orderNo: 'LM-1', warehousePalletId: '21', fbaWarehouseCode: 'ONT8', grossWeightKg: 88.5, volumeCbm: 1.25 }],
    })
  })

  it('loads the business dispatch number and renders summary and related orders', async () => {
    const wrapper = mount(DispatchDetailView, { global: { plugins: [ElementPlus], stubs: { DataTable: DataTableStub } } })
    await flushPromises()
    expect(getDispatch).toHaveBeenCalledWith('PC/1')
    expect(wrapper.text()).toContain('PC/1')
    expect(wrapper.text()).toContain('CA-100')
    expect(wrapper.text()).toContain('待发车')
    const table = wrapper.findComponent(DataTableStub)
    expect(table.props('data')).toEqual([{ orderNo: 'LM-1', weight: 88.5, palletCount: 1, fbaWarehouse: 'ONT8', volume: 1.25, containerNo: '—' }])
    wrapper.unmount()
  })

  it('keeps related order weight unknown when one pallet lacks physical weight', async () => {
    vi.mocked(getDispatch).mockResolvedValueOnce({ id: '1', dispatchNo: 'PC/1', status: 'PENDING_DEPARTURE', items: [
      { id: '11', planPalletId: '31', orderNo: 'LM-1', warehousePalletId: '21', grossWeightKg: 88.5, volumeCbm: 1 },
      { id: '12', planPalletId: '32', orderNo: 'LM-1', warehousePalletId: '22', grossWeightKg: null, volumeWeightKg: 999, volumeCbm: 1 },
    ] })
    const wrapper = mount(DispatchDetailView, { global: { plugins: [ElementPlus], stubs: { DataTable: DataTableStub } } })
    await flushPromises()
    expect(wrapper.findComponent(DataTableStub).props('data')).toEqual([expect.objectContaining({ weight: null })])
    wrapper.unmount()
  })
  it.each([false, true])('returns to the original inquiry only for a valid source: %s', async fromInquiry => {
    if (fromInquiry) Object.assign(sourceQuery, { fleetSource: 'inquiry', fleetOfferNo: 'FO-1', fleetBookingNo: 'FB-2' })
    const wrapper = mount(DispatchDetailView, { global: { plugins: [ElementPlus], stubs: { DataTable: DataTableStub } } })
    await flushPromises()
    wrapper.findComponent({ name: 'OverseasDetailShell' }).vm.$emit('back')
    expect(routerPush).toHaveBeenCalledWith(fromInquiry ? { name: 'overseas-master-data-capacity-offer-detail', params: { offerNo: 'FO-1' }, query: { inquiry: 'FB-2' } } : { name: 'overseas-dispatches' })
    wrapper.unmount()
  })

})