282 lines
15 KiB
TypeScript
282 lines
15 KiB
TypeScript
import ElementPlus from 'element-plus'
|
||
import { createPinia } from 'pinia'
|
||
import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
|
||
import { afterAll, afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
||
import { ApiResponseError } from '@/shared/api/http'
|
||
import DataTable from '@/shared/components/DataTable.vue'
|
||
import { listAllPlatformWarehouses } from '@/modules/warehouses'
|
||
import {
|
||
convertLastMileContainerToInboundPlans,
|
||
convertLastMileOrderToInboundPlan,
|
||
getContainerPlanProgress,
|
||
listContainerPlanProgress,
|
||
listLastMileOrders,
|
||
transferLastMileOrders,
|
||
} from '../api/lastMileOrders'
|
||
import LastMileOrdersView from './LastMileOrdersView.vue'
|
||
|
||
vi.mock('@/core/access/accessPreview', () => ({ useAccessPreviewStore: () => ({ can: () => true }) }))
|
||
vi.mock('vue-router', () => ({ useRouter: () => ({ push: vi.fn() }) }))
|
||
vi.mock('@/modules/warehouses', () => ({ listAllPlatformWarehouses: vi.fn() }))
|
||
vi.mock('../api/lastMileOrders', () => ({
|
||
listLastMileOrders: vi.fn(), listContainerPlanProgress: vi.fn(), getContainerPlanProgress: vi.fn(),
|
||
convertLastMileOrderToInboundPlan: vi.fn(), convertLastMileContainerToInboundPlans: vi.fn(), transferLastMileOrders: vi.fn(),
|
||
}))
|
||
|
||
class ResizeObserverStub implements ResizeObserver { observe() {} unobserve() {} disconnect() {} }
|
||
function memoryStorage(): Storage {
|
||
const values = new Map<string, string>()
|
||
return {
|
||
get length() { return values.size }, clear: () => values.clear(), getItem: (key) => values.get(key) ?? null,
|
||
key: (index) => [...values.keys()][index] ?? null, removeItem: (key) => values.delete(key), setItem: (key, value) => values.set(key, value),
|
||
}
|
||
}
|
||
|
||
const bookingId = '2092873463568597001'
|
||
const customerId = '2092618717861048321'
|
||
const summary = {
|
||
sourceContainerBookingId: bookingId, containerNo: 'CONT-15', totalOrderCount: 15,
|
||
inboundCodeCount: 15, missingInboundCodeCount: 0, planCount: 10, plannedInboundCodeCount: 10,
|
||
pendingPlanCount: 5, plannedArrivalAt: '2026-09-01T08:00:00', allPlansReady: false,
|
||
blockingReason: '存在5票尚未生成有效入库计划',
|
||
}
|
||
const fbaWarehouse = {
|
||
id: '9007199254740993', tenantId: '0', warehouseCode: 'ONT8', warehouseName: 'Ontario FBA',
|
||
warehouseType: 'FBA', countryCode: 'US', timezone: 'America/Los_Angeles', contactName: null,
|
||
contactPhone: null, contactEmail: null, status: 'ACTIVE', remark: null,
|
||
primaryAddress: {
|
||
id: '9007199254740994', tenantId: '0', warehouseId: '9007199254740993', addressType: 'OPERATING',
|
||
countryCode: 'US', stateProvince: 'CA', city: 'Ontario', district: null, postalCode: '91761',
|
||
addressLine1: 'FBA address', addressLine2: null, latitude: null, longitude: null,
|
||
},
|
||
addressSummary: 'CA Ontario',
|
||
}
|
||
function selectedRow(overrides: Record<string, unknown> = {}) {
|
||
return { id: '2092873463568596994', customerId, sourceContainerBookingId: bookingId, orderNo: 'LMO-260827-0001', ...overrides }
|
||
}
|
||
|
||
enableAutoUnmount(afterEach)
|
||
afterAll(() => vi.unstubAllGlobals())
|
||
|
||
async function mountView() {
|
||
const wrapper = mount(LastMileOrdersView, { attachTo: document.body, global: { plugins: [createPinia(), ElementPlus] } })
|
||
await flushPromises()
|
||
return wrapper
|
||
}
|
||
|
||
async function openPending() {
|
||
const wrapper = await mountView()
|
||
const pendingTab = wrapper.findAll('.el-radio-button').find((item) => item.text() === '待分配')
|
||
await pendingTab!.trigger('click')
|
||
await flushPromises()
|
||
return wrapper
|
||
}
|
||
|
||
async function selectRows(wrapper: Awaited<ReturnType<typeof mountView>>, rows: object[]) {
|
||
wrapper.findComponent(DataTable).vm.$emit('selection-change', rows)
|
||
await wrapper.vm.$nextTick()
|
||
}
|
||
|
||
function button(wrapper: Awaited<ReturnType<typeof mountView>>, text: string) {
|
||
return wrapper.findAll('button').find((item) => item.text().includes(text))
|
||
}
|
||
|
||
async function openContainerDialog(wrapper: Awaited<ReturnType<typeof mountView>>) {
|
||
await button(wrapper, '按柜批量生成')!.trigger('click')
|
||
await flushPromises()
|
||
}
|
||
|
||
async function chooseContainer(wrapper: Awaited<ReturnType<typeof mountView>>) {
|
||
const selects = wrapper.findAllComponents({ name: 'ElSelect' })
|
||
const containerSelect = selects[selects.length - 1]
|
||
expect(containerSelect).toBeDefined()
|
||
containerSelect.vm.$emit('update:modelValue', bookingId)
|
||
await wrapper.vm.$nextTick()
|
||
}
|
||
|
||
describe('LastMileOrdersView pending order and container conversion', () => {
|
||
beforeEach(() => {
|
||
vi.stubGlobal('ResizeObserver', ResizeObserverStub)
|
||
vi.stubGlobal('localStorage', memoryStorage())
|
||
vi.mocked(listLastMileOrders).mockReset().mockResolvedValue({ records: [], page: 1, size: 10, total: 0, pages: 0 })
|
||
vi.mocked(listContainerPlanProgress).mockReset().mockResolvedValue({ records: [summary], page: 1, size: 50, total: 1, pages: 1 })
|
||
vi.mocked(getContainerPlanProgress).mockReset().mockResolvedValue({
|
||
summary,
|
||
orders: [{ orderId: '2092873463568596994', customerId, orderNo: 'LMO-1', inboundCode: 'IN-1', orderStatus: 'INBOUND_PLANNED', planId: '2092873463568597010', planNo: 'LIP-1', planStatus: 'PENDING_RECEIVING', planValid: true, plannedArrivalAt: '2026-09-01T08:00:00' }],
|
||
})
|
||
vi.mocked(convertLastMileOrderToInboundPlan).mockReset().mockResolvedValue({})
|
||
vi.mocked(convertLastMileContainerToInboundPlans).mockReset().mockResolvedValue([{ planNo: 'LIP-1' }, { planNo: 'LIP-2' }] as never)
|
||
vi.mocked(listAllPlatformWarehouses).mockReset().mockResolvedValue([fbaWarehouse] as never)
|
||
vi.mocked(transferLastMileOrders).mockReset().mockResolvedValue(2)
|
||
})
|
||
|
||
it('keeps the original pending order table and does not render a view switch or container table', async () => {
|
||
const wrapper = await openPending()
|
||
expect(wrapper.text()).toContain('尾程单号')
|
||
expect(wrapper.text()).toContain('海外仓')
|
||
expect(wrapper.text()).toContain('转仓')
|
||
expect(wrapper.text()).toContain('生成入库计划')
|
||
expect(wrapper.text()).toContain('按柜批量生成')
|
||
expect(wrapper.text()).not.toContain('按订单')
|
||
expect(wrapper.text()).not.toContain('待分配整柜')
|
||
expect(listLastMileOrders).toHaveBeenLastCalledWith(expect.objectContaining({ page: 1, size: 10, currentStatus: 'PENDING_ASSIGNMENT' }))
|
||
expect(listContainerPlanProgress).not.toHaveBeenCalled()
|
||
})
|
||
|
||
it('keeps single-order conversion isolated with long order and customer ids', async () => {
|
||
const wrapper = await openPending()
|
||
await selectRows(wrapper, [selectedRow()])
|
||
await button(wrapper, '生成入库计划')!.trigger('click')
|
||
await flushPromises()
|
||
expect(convertLastMileOrderToInboundPlan).toHaveBeenCalledTimes(1)
|
||
expect(convertLastMileOrderToInboundPlan).toHaveBeenCalledWith({ orderId: '2092873463568596994', customerId })
|
||
expect(convertLastMileContainerToInboundPlans).not.toHaveBeenCalled()
|
||
expect(listContainerPlanProgress).not.toHaveBeenCalled()
|
||
})
|
||
|
||
it('opens a cabinet selector without requiring order selection and loads server summaries only then', async () => {
|
||
const wrapper = await openPending()
|
||
await openContainerDialog(wrapper)
|
||
expect(listContainerPlanProgress).toHaveBeenCalledTimes(1)
|
||
expect(listContainerPlanProgress).toHaveBeenCalledWith({ page: 1, size: 50, containerNo: undefined })
|
||
expect(document.body.textContent).toContain('选择待分配柜')
|
||
expect(document.body.textContent).toContain('将为所选柜内所有待分配尾程订单分别生成独立入库计划')
|
||
expect(convertLastMileContainerToInboundPlans).not.toHaveBeenCalled()
|
||
})
|
||
|
||
it('selects one cabinet and sends one long-id convert-container request without using current-page row counts', async () => {
|
||
const wrapper = await openPending()
|
||
await openContainerDialog(wrapper)
|
||
await chooseContainer(wrapper)
|
||
const confirm = [...document.body.querySelectorAll('button')].find((item) => item.textContent?.includes('确认按柜生成')) as HTMLButtonElement
|
||
expect(confirm.disabled).toBe(false)
|
||
confirm.click()
|
||
await flushPromises()
|
||
expect(convertLastMileContainerToInboundPlans).toHaveBeenCalledTimes(1)
|
||
expect(convertLastMileContainerToInboundPlans).toHaveBeenCalledWith({ sourceContainerBookingId: bookingId })
|
||
expect(convertLastMileOrderToInboundPlan).not.toHaveBeenCalled()
|
||
expect(document.body.textContent).toContain('已按柜生成 2 个独立入库计划')
|
||
expect(listLastMileOrders).toHaveBeenCalledTimes(3)
|
||
})
|
||
|
||
it.each(['A0404', 'A0409'])('keeps %s request evidence visible after cabinet conversion failure', async (code) => {
|
||
vi.mocked(convertLastMileContainerToInboundPlans).mockRejectedValueOnce(new ApiResponseError(
|
||
'柜级生成失败', code, 200, undefined, `request-${code}`, `trace-${code}`,
|
||
))
|
||
const wrapper = await openPending()
|
||
await openContainerDialog(wrapper)
|
||
await chooseContainer(wrapper)
|
||
const confirm = [...document.body.querySelectorAll('button')].find((item) => item.textContent?.includes('确认按柜生成')) as HTMLButtonElement
|
||
confirm.click()
|
||
await flushPromises()
|
||
expect(convertLastMileContainerToInboundPlans).toHaveBeenCalledTimes(1)
|
||
expect(wrapper.text()).toContain(code)
|
||
expect(wrapper.text()).toContain(`request-${code}`)
|
||
expect(wrapper.text()).toContain(`trace-${code}`)
|
||
})
|
||
|
||
it('loads the cabinet tab from server progress, shows the total and preserves server arrival ordering', async () => {
|
||
const nullArrival = { ...summary, sourceContainerBookingId: '2092873463568597002', containerNo: 'CONT-NULL', plannedArrivalAt: null, planCount: 0, pendingPlanCount: 15 }
|
||
vi.mocked(listContainerPlanProgress).mockResolvedValueOnce({ records: [summary, nullArrival], page: 1, size: 10, total: 2, pages: 1 })
|
||
const wrapper = await mountView()
|
||
const containerTab = wrapper.findAll('.el-radio-button').find((item) => item.text().startsWith('柜子'))
|
||
await containerTab!.trigger('click')
|
||
await flushPromises()
|
||
expect(listContainerPlanProgress).toHaveBeenLastCalledWith({ page: 1, size: 10, containerNo: undefined, createdFrom: undefined, createdTo: undefined })
|
||
expect(wrapper.text()).toContain('柜子（2）')
|
||
expect(wrapper.text()).toContain('计划到仓时间')
|
||
expect(wrapper.text()).toContain('已有 15 / 缺 0')
|
||
expect(wrapper.text()).toContain('已生成10个计划，剩余5个未操作')
|
||
expect(wrapper.text()).toContain('未就绪')
|
||
expect(wrapper.text()).toContain('存在5票尚未生成有效入库计划')
|
||
expect(wrapper.text().indexOf('CONT-15')).toBeLessThan(wrapper.text().indexOf('CONT-NULL'))
|
||
})
|
||
|
||
it('uses independent cabinet pagination and loads a compact long-id detail drawer', async () => {
|
||
vi.mocked(listContainerPlanProgress).mockResolvedValue({ records: [summary], page: 1, size: 10, total: 21, pages: 3 })
|
||
const wrapper = await mountView()
|
||
const containerTab = wrapper.findAll('.el-radio-button').find((item) => item.text().startsWith('柜子'))
|
||
await containerTab!.trigger('click')
|
||
await flushPromises()
|
||
const pageTwo = wrapper.find('button[aria-label="第 2 页"]')
|
||
await pageTwo.trigger('click')
|
||
await flushPromises()
|
||
expect(listContainerPlanProgress).toHaveBeenLastCalledWith(expect.objectContaining({ page: 2, size: 10 }))
|
||
const viewButtons = wrapper.findAll('button').filter((item) => item.text() === '查看')
|
||
const viewButton = viewButtons[viewButtons.length - 1]
|
||
await viewButton!.trigger('click')
|
||
await flushPromises()
|
||
expect(getContainerPlanProgress).toHaveBeenCalledWith(bookingId)
|
||
expect(document.body.textContent).toContain('柜级入库计划详情')
|
||
expect(document.body.textContent).toContain('LMO-1')
|
||
expect(document.body.textContent).toContain('IN-1')
|
||
expect(document.body.textContent).toContain('LIP-1')
|
||
})
|
||
|
||
it('loads only active FBA master data and submits exact string fields for a cross-customer transfer', async () => {
|
||
const wrapper = await openPending()
|
||
await selectRows(wrapper, [selectedRow(), selectedRow({ id: '2092873463568596995', customerId: '2092618717861048322' })])
|
||
await button(wrapper, '转仓')!.trigger('click')
|
||
await flushPromises()
|
||
expect(listAllPlatformWarehouses).toHaveBeenCalledWith({ warehouseType: 'FBA', status: 'ACTIVE' })
|
||
const warehouseSelect = wrapper.findAllComponents({ name: 'ElSelect' }).find((item) => item.props('placeholder') === '请选择目的 FBA 仓')!
|
||
expect(warehouseSelect).toBeDefined()
|
||
const option = wrapper.findAllComponents({ name: 'ElOption' }).find((item) => item.props('value') === '9007199254740993')!
|
||
expect(option.props('label')).toBe('ONT8 · Ontario FBA · CA / Ontario')
|
||
warehouseSelect.vm.$emit('update:modelValue', '9007199254740993')
|
||
await wrapper.vm.$nextTick()
|
||
const confirm = [...document.body.querySelectorAll('button')].find((item) => item.textContent?.includes('确认转仓')) as HTMLButtonElement
|
||
expect(confirm.disabled).toBe(false)
|
||
confirm.click()
|
||
await flushPromises()
|
||
expect(transferLastMileOrders).toHaveBeenCalledWith({
|
||
orderIds: ['2092873463568596994', '2092873463568596995'],
|
||
warehouseId: '9007199254740993', warehouseCode: 'ONT8', warehouseName: 'Ontario FBA', remark: undefined,
|
||
})
|
||
expect(vi.mocked(transferLastMileOrders).mock.calls[0]?.[0].warehouseId).toBeTypeOf('string')
|
||
expect(wrapper.html()).not.toContain('请输入目的仓 ID')
|
||
})
|
||
|
||
it('clears all selected warehouse facts when the FBA candidate is cleared', async () => {
|
||
const wrapper = await openPending()
|
||
await selectRows(wrapper, [selectedRow()])
|
||
await button(wrapper, '转仓')!.trigger('click')
|
||
await flushPromises()
|
||
const warehouseSelect = wrapper.findAllComponents({ name: 'ElSelect' }).find((item) => item.props('placeholder') === '请选择目的 FBA 仓')!
|
||
warehouseSelect.vm.$emit('update:modelValue', '9007199254740993')
|
||
await wrapper.vm.$nextTick()
|
||
warehouseSelect.vm.$emit('update:modelValue', '')
|
||
await wrapper.vm.$nextTick()
|
||
const confirm = [...document.body.querySelectorAll('button')].find((item) => item.textContent?.includes('确认转仓')) as HTMLButtonElement
|
||
expect(confirm.disabled).toBe(true)
|
||
expect(transferLastMileOrders).not.toHaveBeenCalled()
|
||
})
|
||
|
||
it('renders an explicit empty state when there are no active FBA candidates', async () => {
|
||
vi.mocked(listAllPlatformWarehouses).mockResolvedValueOnce([])
|
||
const wrapper = await openPending()
|
||
await selectRows(wrapper, [selectedRow()])
|
||
await button(wrapper, '转仓')!.trigger('click')
|
||
await flushPromises()
|
||
expect(document.body.textContent).toContain('暂无可用 FBA 仓候选')
|
||
expect(transferLastMileOrders).not.toHaveBeenCalled()
|
||
})
|
||
|
||
it('keeps candidate load request metadata visible and prevents free-form fallback', async () => {
|
||
vi.mocked(listAllPlatformWarehouses).mockRejectedValueOnce(new ApiResponseError(
|
||
'FBA candidate failed', 'A0503', 200, undefined, 'request-fba', 'trace-fba',
|
||
))
|
||
const wrapper = await openPending()
|
||
await selectRows(wrapper, [selectedRow()])
|
||
await button(wrapper, '转仓')!.trigger('click')
|
||
await flushPromises()
|
||
expect(document.body.textContent).toContain('A0503')
|
||
expect(document.body.textContent).toContain('request-fba')
|
||
expect(document.body.textContent).toContain('trace-fba')
|
||
expect(wrapper.html()).not.toContain('请输入目的仓 ID')
|
||
expect(wrapper.html()).not.toContain('请输入目的仓代码')
|
||
expect(wrapper.html()).not.toContain('请输入目的仓名称')
|
||
expect(transferLastMileOrders).not.toHaveBeenCalled()
|
||
})
|
||
})
|