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

import ElementPlus from 'element-plus'
import { defineComponent, h, type PropType } from 'vue'
import { DOMWrapper, flushPromises, mount } from '@vue/test-utils'
import { beforeEach, describe, expect, it, vi } from 'vitest'
import { getDeliveryOrder, listDeliveryOrders, listDeliveryReturnInboundOptions, markDeliveryReturn } from '../api/deliveryOrders'
import { updateDeliveryOrderStatus } from '../api/customerVisits'
import DeliveryOrdersView from './DeliveryOrdersView.vue'
import { commonPhase5Stubs } from './phase5TestStubs'
import { getDeliveryDocuments, deliveryDocumentCategories } from '../api/deliveryDocuments'

const canPermission = vi.hoisted(() => vi.fn((_code: string) => false))
vi.mock('@/core/access/accessPreview', () => ({ useAccessPreviewStore: () => ({ can: canPermission }) }))
vi.mock('vue-router', () => ({ useRouter: () => ({ push: vi.fn() }) }))
vi.mock('../api/deliveryOrders', () => ({ getDeliveryOrder: vi.fn(), listDeliveryOrders: vi.fn(), listDeliveryReturnInboundOptions: vi.fn(), markDeliveryReturn: vi.fn() }))
vi.mock('../api/customerVisits', () => ({ updateDeliveryOrderStatus: vi.fn() }))
vi.mock('../api/pallets', () => ({ listReceivingOverseasWarehouses: vi.fn() }))
vi.mock('../api/deliveryDocuments', async importOriginal => ({ ...await importOriginal<typeof import('../api/deliveryDocuments')>(), getDeliveryDocuments: vi.fn() }))

const row = {
  version: 2, allowedActions: ['START_DELIVERY', 'COMPLETE_DELIVERY', 'REJECT_DELIVERY', 'CANCEL_DELIVERY', 'MARK_RETURN'],
  id: '1', customerId: '100', deliveryNo: 'DEL/1', outboundNo: 'OUT-1', dispatchNo: 'PC-1',
  status: 'WAIT_DELIVERY', palletCount: 1, packageCount: 2, createdAt: '2026-09-01T10:00:00',
}

function mountView() {
  return mount(DeliveryOrdersView, { global: { plugins: [ElementPlus], stubs: commonPhase5Stubs } })
}

describe('DeliveryOrdersView permissions and commands', () => {
  beforeEach(() => {
    canPermission.mockReset().mockReturnValue(false)
    vi.mocked(getDeliveryDocuments).mockReset()
    vi.mocked(getDeliveryOrder).mockReset().mockResolvedValue({ order: { ...row, version: 7 }, skus: [], fees: [], operations: [] })
    vi.mocked(listDeliveryOrders).mockReset().mockResolvedValue({ records: [row], page: 1, size: 10, total: 1, pages: 1 })
    vi.mocked(listDeliveryReturnInboundOptions).mockReset().mockResolvedValue([{ inboundOrderId: '9', inboundCode: 'IN-1', lastMileOrderNo: 'LM-1', customerId: '100', returnSources: [{ outboundPalletItemId: '9007199254740995', inventoryPositionId: '9007199254740996', palletNo: 'PL-1', skuCode: 'SKU-1', maxReturnPackages: 3 }] }])
    vi.mocked(markDeliveryReturn).mockReset().mockResolvedValue({ id: '19', exceptionNo: 'EXC-1', status: 'PENDING' })
    vi.mocked(updateDeliveryOrderStatus).mockReset().mockResolvedValue({ deliveryNo: 'DEL/1', deliveryStatus: 'WAIT_DELIVERY', replayed: false })
  })

  it('keeps detail read-only while hiding independent write operations', async () => {
    const wrapper = mountView()
    await flushPromises()
    const tableText = wrapper.find('[data-testid="data-table"]').text()
    expect(tableText).toContain('详情')
    expect(tableText).not.toContain('编辑状态')
    expect(tableText).not.toContain('标记退货')
    wrapper.unmount()
  })

  it('submits status and return commands with the row customer scope', async () => {
    canPermission.mockImplementation(code => code.endsWith(':status') || code.endsWith(':return'))
    const wrapper = mountView()
    await flushPromises()

    await wrapper.findAll('button').find(button => button.text().includes('编辑状态'))!.trigger('click')
    await flushPromises()
    await wrapper.find('[data-dialog="编辑派送状态"] select').setValue('DELIVERED')
    await wrapper.find('[data-dialog="编辑派送状态"] .dialog-confirm').trigger('click')
    await flushPromises()
    expect(updateDeliveryOrderStatus).toHaveBeenCalledWith('DEL/1', '100', { status: 'DELIVERED', expectedVersion: 7, remark: undefined })

    await wrapper.findAll('button').find(button => button.text().includes('标记退货'))!.trigger('click')
    await flushPromises()
    expect(listDeliveryReturnInboundOptions).toHaveBeenCalledWith('DEL/1', '100')
    await wrapper.find('[data-dialog="标记退货"] textarea').setValue(' 客户拒收 ')
    await wrapper.find('[data-dialog="标记退货"] input[type="checkbox"]').setValue(true)
    await wrapper.find('[data-dialog="标记退货"] input[type="number"]').setValue(2)
    await wrapper.find('[data-dialog="标记退货"] .dialog-confirm').trigger('click')
    await flushPromises()
    expect(markDeliveryReturn).toHaveBeenCalledWith('DEL/1', '100', {
      inboundOrderId: '9', reason: '客户拒收', returnDirection: 'OVERSEAS_WAREHOUSE',
      returnLogisticsNo: undefined, items: [{ outboundPalletItemId: '9007199254740995', inventoryPositionId: '9007199254740996', packageCount: 2 }], idempotencyKey: expect.any(String),
    })
    wrapper.unmount()
  })

  it('does not submit an incomplete return form', async () => {
    canPermission.mockImplementation(code => code.endsWith(':return'))
    vi.mocked(listDeliveryReturnInboundOptions).mockResolvedValue([])
    const wrapper = mountView()
    await flushPromises()
    await wrapper.findAll('button').find(button => button.text().includes('标记退货'))!.trigger('click')
    await flushPromises()
    await wrapper.find('[data-dialog="标记退货"] .dialog-confirm').trigger('click')
    expect(markDeliveryReturn).not.toHaveBeenCalled()
    wrapper.unmount()
  })

  it('maps delivering separately from completion and blocks duplicate or conflicted submission', async () => {
    canPermission.mockReturnValue(true)
    const wrapper = mountView()
    await flushPromises()
    await wrapper.findAll('button').find(button => button.text().includes('编辑状态'))!.trigger('click')
    await flushPromises()
    const select = wrapper.find('[data-dialog="编辑派送状态"] select')
    expect(select.find('option[value="DELIVERING"]').text()).toBe('派送中')
    expect(select.find('option[value="DELIVERED"]').text()).toBe('派送完成')
    expect(select.find('option[value="WAIT_DELIVERY"]').exists()).toBe(false)
    await select.setValue('DELIVERING')
    await wrapper.find('[data-dialog="编辑派送状态"] textarea').setValue('123')
    let reject!: (error: unknown) => void
    vi.mocked(updateDeliveryOrderStatus).mockReturnValueOnce(new Promise((_resolve, rejectRequest) => { reject = rejectRequest }))
    const button = wrapper.find('[data-dialog="编辑派送状态"] .dialog-confirm')
    await button.trigger('click'); await button.trigger('click')
    expect(updateDeliveryOrderStatus).toHaveBeenCalledTimes(1)
    expect(updateDeliveryOrderStatus).toHaveBeenCalledWith('DEL/1', '100', { status: 'DELIVERING', expectedVersion: 7, remark: '123' })
    reject({ isAxiosError: true, response: { status: 409, data: { code: 'A0409', message: '版本冲突', requestId: 'req-conflict', traceId: 'trace-conflict' } } })
    await flushPromises()
    const state = wrapper.vm as unknown as { statusConflict: boolean; statusOpen: boolean; statusForm: { remark: string }; refreshStatus: () => Promise<void> }
    expect(state.statusConflict).toBe(true)
    expect(state.statusOpen).toBe(true)
    expect(state.statusForm.remark).toBe('123')
    await button.trigger('click')
    expect(updateDeliveryOrderStatus).toHaveBeenCalledTimes(1)
    vi.mocked(getDeliveryOrder).mockResolvedValue({ order: { ...row, version: 8, allowedActions: ['COMPLETE_DELIVERY'] }, skus: [], fees: [], operations: [] })
    await state.refreshStatus(); await flushPromises()
    expect(select.findAll('option').map(option => option.attributes('value'))).toEqual(['DELIVERED'])
    wrapper.unmount()
  })

  it('keeps return hidden without the server action even when the user has permission', async () => {
    canPermission.mockImplementation(code => code.endsWith(':return'))
    vi.mocked(listDeliveryOrders).mockResolvedValue({ records: [{ ...row, status: 'RETURNED', allowedActions: [] }], page: 1, size: 10, total: 1, pages: 1 })
    const wrapper = mountView(); await flushPromises()
    expect(wrapper.find('[data-testid="data-table"]').text()).not.toContain('标记退货')
    expect(listDeliveryReturnInboundOptions).not.toHaveBeenCalled()
    wrapper.unmount()
  })

  it('validates selected return sources and reuses the idempotency key after a failed request', async () => {
    canPermission.mockImplementation(code => code.endsWith(':return'))
    const wrapper = mountView(); await flushPromises()
    try {
      await wrapper.findAll('button').find(button => button.text().includes('标记退货'))!.trigger('click'); await flushPromises()
      const dialog = wrapper.find('[data-dialog="标记退货"]')
      expect(dialog.text()).toContain('PL-1 · SKU-1（最多 3 箱）')
      expect(dialog.text()).not.toContain('9007199254740995')
      expect(dialog.text()).not.toContain('可自由填写')
      await dialog.find('textarea').setValue('拒收')
      await dialog.find('.dialog-confirm').trigger('click')
      expect(markDeliveryReturn).not.toHaveBeenCalled()
      await dialog.find('input[type="checkbox"]').setValue(true)
      for (const invalid of [0, 4, 1.5]) {
        await dialog.find('input[type="number"]').setValue(invalid)
        await dialog.find('.dialog-confirm').trigger('click')
        expect(markDeliveryReturn).not.toHaveBeenCalled()
      }
      await dialog.find('input[type="number"]').setValue(2)
      let reject!: (error: Error) => void
      vi.mocked(markDeliveryReturn).mockReturnValueOnce(new Promise((_resolve, fail) => { reject = fail }))
      await dialog.find('.dialog-confirm').trigger('click'); await dialog.find('.dialog-confirm').trigger('click')
      expect(markDeliveryReturn).toHaveBeenCalledTimes(1)
      const first = vi.mocked(markDeliveryReturn).mock.calls[0]![2]
      reject(new Error('网络异常')); await flushPromises()
      expect(dialog.text()).toContain('标记退货失败')
      expect((dialog.find('textarea').element as HTMLTextAreaElement).value).toBe('拒收')
      await dialog.find('.dialog-confirm').trigger('click'); await flushPromises()
      expect(vi.mocked(markDeliveryReturn).mock.calls[1]![2]).toEqual(first)
      expect(first.items).toEqual([{ outboundPalletItemId: '9007199254740995', inventoryPositionId: '9007199254740996', packageCount: 2 }])
      expect(first).not.toHaveProperty('skuCode')
      expect(first).not.toHaveProperty('packageCount')
    } finally { wrapper.unmount() }
  })

  it('clears the selected source when a different inbound order is chosen', async () => {
    canPermission.mockImplementation(code => code.endsWith(':return'))
    vi.mocked(listDeliveryReturnInboundOptions).mockResolvedValue([
      { inboundOrderId: '9', inboundCode: 'IN-1', customerId: '100', returnSources: [{ outboundPalletItemId: '11', inventoryPositionId: '12', palletNo: 'PL-1', skuCode: 'SKU-1', maxReturnPackages: 3 }] },
      { inboundOrderId: '10', inboundCode: 'IN-2', customerId: '100', returnSources: [] },
    ])
    const wrapper = mountView(); await flushPromises()
    try {
      await wrapper.findAll('button').find(button => button.text().includes('标记退货'))!.trigger('click'); await flushPromises()
      const dialog = wrapper.find('[data-dialog="标记退货"]')
      await dialog.find('select').setValue('9')
      await dialog.find('input[type="checkbox"]').setValue(true)
      await dialog.find('input[type="number"]').setValue(2)
      await dialog.find('textarea').setValue('拒收')
      await dialog.find('select').setValue('10')
      expect(dialog.find('input[type="checkbox"]').exists()).toBe(false)
      await dialog.find('.dialog-confirm').trigger('click')
      expect(markDeliveryReturn).not.toHaveBeenCalled()
    } finally { wrapper.unmount() }
  })

  it('hides status editing when the server supplies no actions', async () => {
    canPermission.mockReturnValue(true)
    vi.mocked(listDeliveryOrders).mockResolvedValue({ records: [{ ...row, status: 'DELIVERED', allowedActions: [] }], page: 1, size: 10, total: 1, pages: 1 })
    const wrapper = mountView(); await flushPromises()
    expect(wrapper.find('[data-testid="data-table"]').text()).not.toContain('编辑状态')
    expect(getDeliveryOrder).not.toHaveBeenCalled()
    wrapper.unmount()
  })

  it('selects completion through the real dialog and select, then retries a conflict with the refreshed version', async () => {
    canPermission.mockImplementation(code => code.endsWith(':status'))
    vi.mocked(getDeliveryOrder).mockResolvedValue({ order: { ...row, version: 7, status: 'DELIVERING', allowedActions: ['COMPLETE_DELIVERY'] }, skus: [], fees: [], operations: [] })
    vi.mocked(updateDeliveryOrderStatus).mockRejectedValueOnce({ isAxiosError: true, response: { status: 409, data: { code: 'A0409', message: '版本冲突' } } })
    const wrapper = mount(DeliveryOrdersView, { attachTo: document.body, global: { plugins: [ElementPlus], stubs: { ...commonPhase5Stubs, AppDialog: false, ElInput: false, ElSelect: false, ElOption: false } } })
    const body = new DOMWrapper(document.body)
    try {
      await flushPromises()
      await wrapper.findAll('button').find(button => button.text().includes('编辑状态'))!.trigger('click')
      await flushPromises()
      const dialog = body.find('[role="dialog"][aria-label="编辑派送状态"]')
      const save = () => dialog.findAll('button').find(button => button.text() === '保存状态')!
      expect(save().attributes('disabled')).toBeDefined()
      await dialog.find('.el-select__wrapper').trigger('click')
      await flushPromises()
      const options = body.findAll('.el-select-dropdown__item')
      expect(options.map(option => option.text())).toEqual(['派送完成'])
      await options[0]!.trigger('click')
      await dialog.find('textarea').setValue('已交付')
      await save().trigger('click'); await flushPromises()
      expect(updateDeliveryOrderStatus).toHaveBeenLastCalledWith('DEL/1', '100', { status: 'DELIVERED', expectedVersion: 7, remark: '已交付' })
      expect(save().attributes('disabled')).toBeDefined()
      expect(dialog.text()).toContain('请刷新最新状态并重新确认')
      vi.mocked(getDeliveryOrder).mockResolvedValue({ order: { ...row, version: 8, status: 'DELIVERING', allowedActions: ['COMPLETE_DELIVERY'] }, skus: [], fees: [], operations: [] })
      await dialog.findAll('button').find(button => button.text().includes('重新加载'))!.trigger('click')
      await flushPromises()
      expect((dialog.find('textarea').element as HTMLTextAreaElement).value).toBe('已交付')
      await save().trigger('click'); await flushPromises()
      expect(updateDeliveryOrderStatus).toHaveBeenLastCalledWith('DEL/1', '100', { status: 'DELIVERED', expectedVersion: 8, remark: '已交付' })
      expect(listDeliveryOrders).toHaveBeenCalledTimes(2)
    } finally { wrapper.unmount() }
  })

  it('renders category counts from the list without per-row document requests', async () => {
    canPermission.mockReturnValue(true)
    const documentSummary = { uploadedCategoryCount: 1, totalCategoryCount: 3, categories: deliveryDocumentCategories.map(item => ({ category: item.category, status: item.category === 'RECEIPT' ? 'UPLOADED' as const : 'MISSING' as const, fileCount: item.category === 'RECEIPT' ? 3 : 0 })) }
    vi.mocked(listDeliveryOrders).mockResolvedValue({ records: [{ ...row, documentSummary }], page: 1, size: 10, total: 1, pages: 1 })
    const table = defineComponent({ props: { data: Array as PropType<object[]> }, setup(props, { slots }) { return () => h('div', props.data?.flatMap(item => slots.documents?.({ row: item }) || [])) } })
    const wrapper = mount(DeliveryOrdersView, { global: { plugins: [ElementPlus], stubs: { ...commonPhase5Stubs, DataTable: table, DeliveryDocumentsDialog: true } } })
    await flushPromises()
    expect(wrapper.text()).toContain('1/3 已上传')
    expect(wrapper.text()).toContain('签收文件（POD签收/快递签收） · 已上传')
    expect(getDeliveryDocuments).not.toHaveBeenCalled()
    await wrapper.findAll('button').find(button => button.text().includes('管理资料'))!.trigger('click')
    const dialog = wrapper.findComponent({ name: 'DeliveryDocumentsDialog' })
    expect(dialog.props()).toMatchObject({ deliveryNo: 'DEL/1', customerId: '100', modelValue: true })
    const calls = vi.mocked(listDeliveryOrders).mock.calls.length
    dialog.vm.$emit('saved'); await flushPromises()
    expect(listDeliveryOrders).toHaveBeenCalledTimes(calls + 1)
    wrapper.unmount()
  })
})