161 lines
8.7 KiB
TypeScript
161 lines
8.7 KiB
TypeScript
import ElementPlus, { ElMessage, ElMessageBox } from 'element-plus'
|
|
import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { updatePlatformUnifiedOrderDeclaration } from '@/modules/unified-orders/api/unifiedOrders'
|
|
import { listWarehouseLogisticsChannels } from '@/modules/ocean-bookings'
|
|
import OrderDeclarationEditorDialog from './OrderDeclarationEditorDialog.vue'
|
|
|
|
vi.mock('@/modules/unified-orders/api/unifiedOrders', () => ({ updatePlatformUnifiedOrderDeclaration: vi.fn() }))
|
|
vi.mock('@/modules/ocean-bookings', () => ({ listWarehouseLogisticsChannels: vi.fn() }))
|
|
|
|
const detail = {
|
|
summary: {
|
|
orderId: '90001', tenantId: '208', inboundCode: 'RK-001', mainStatus: 'WAIT_MEASURE',
|
|
receivingWarehouseId: '700000000000000001', receivingWarehouseName: '深圳仓', destinationWarehouseName: '洛杉矶中转仓',
|
|
channelCode: 'OLD', channelName: '原渠道', channelChanged: false,
|
|
expectedArrivalAt: '2026-09-06T10:00:00', estimatedVolumeCbm: 0.625, customerRemark: '原备注',
|
|
},
|
|
order: {
|
|
order: { version: 7, receivingWarehouseId: '700000000000000001', channelCode: 'OLD', channelName: '原渠道', customerRemark: '原备注' },
|
|
cargoes: [{ itemNo: 1, cargoName: '台灯', packageCount: 2, totalQuantity: 20, lengthCm: 40, widthCm: 30, heightCm: 20, grossWeightKg: 18, volumeCbm: 0.048, currency: 'USD', material: '铝', productUsage: '照明' }],
|
|
parties: [], internalNotes: [], statusHistory: [],
|
|
},
|
|
timeline: [],
|
|
} as never
|
|
|
|
function createWrapper(realDialogs = false) {
|
|
return mount(OrderDeclarationEditorDialog, {
|
|
attachTo: realDialogs ? document.body : undefined,
|
|
props: { modelValue: true, detail },
|
|
global: {
|
|
plugins: [ElementPlus],
|
|
stubs: {
|
|
AppDialog: realDialogs ? false : {
|
|
props: ['modelValue', 'confirmLoading', 'confirmDisabled'], emits: ['confirm', 'update:modelValue'],
|
|
template: '<section v-if="modelValue"><slot /><button data-testid="save" :disabled="confirmDisabled" @click="$emit(\'confirm\')">保存</button></section>',
|
|
},
|
|
LoadErrorState: { props: ['title', 'message'], template: '<div class="load-error">{{ title }} {{ message }}<slot name="details" /></div>' },
|
|
ApiErrorMeta: true,
|
|
},
|
|
},
|
|
})
|
|
}
|
|
|
|
enableAutoUnmount(afterEach)
|
|
afterEach(() => { document.body.innerHTML = '' })
|
|
|
|
describe('OrderDeclarationEditorDialog', () => {
|
|
beforeEach(() => {
|
|
vi.mocked(updatePlatformUnifiedOrderDeclaration).mockReset()
|
|
vi.mocked(listWarehouseLogisticsChannels).mockReset()
|
|
vi.mocked(listWarehouseLogisticsChannels).mockResolvedValue([
|
|
{ channelCode: 'OLD', channelName: '原渠道' },
|
|
{ channelCode: 'NEW', channelName: '新渠道' },
|
|
])
|
|
vi.spyOn(ElMessageBox, 'confirm').mockResolvedValue('confirm' as never)
|
|
vi.spyOn(ElMessage, 'success').mockImplementation(() => ({ close: vi.fn() }) as never)
|
|
})
|
|
|
|
it('styles both native dialog roots and retains all cargo fields before applying a local edit', async () => {
|
|
createWrapper(true)
|
|
await flushPromises()
|
|
const parent = document.querySelector<HTMLElement>('.el-dialog.admin-density-dialog')!
|
|
expect([...parent.querySelectorAll('.density-dialog-section__title')].map(title => title.textContent)).toEqual(['原订单资料', '订单申报资料', '货品申报明细 不允许新增、删除或调整明细序号'])
|
|
expect(parent.style.getPropertyValue('--el-dialog-width')).toBe('min(1180px, calc(100vw - 36px))')
|
|
expect(parent.querySelector('.density-descriptions')).not.toBeNull()
|
|
parent.querySelector<HTMLButtonElement>('.cargo-table .density-action')!.click()
|
|
await flushPromises()
|
|
const dialogs = document.querySelectorAll<HTMLElement>('.el-dialog.admin-density-dialog')
|
|
expect(dialogs).toHaveLength(2)
|
|
const cargo = dialogs[1]!
|
|
expect(cargo.style.getPropertyValue('--el-dialog-width')).toBe('min(980px, calc(100vw - 36px))')
|
|
expect(cargo.querySelectorAll('.cargo-editor-grid > label')).toHaveLength(22)
|
|
const name = cargo.querySelector<HTMLInputElement>('input[placeholder="请输入中文品名"]')!
|
|
expect(name.value).toBe('台灯')
|
|
name.value = '编辑后的台灯'
|
|
name.dispatchEvent(new Event('input', { bubbles: true }))
|
|
await flushPromises()
|
|
cargo.querySelector<HTMLButtonElement>('button[aria-label="展开全屏"]')!.click()
|
|
await flushPromises()
|
|
expect(cargo.classList.contains('is-fullscreen')).toBe(true)
|
|
expect(name.value).toBe('编辑后的台灯')
|
|
cargo.querySelector<HTMLButtonElement>('button[aria-label="退出全屏"]')!.click()
|
|
await flushPromises()
|
|
expect(cargo.classList.contains('is-fullscreen')).toBe(false)
|
|
expect(name.value).toBe('编辑后的台灯')
|
|
const apply = [...cargo.querySelectorAll<HTMLButtonElement>('button')].find(button => button.textContent?.trim() === '应用本项')!
|
|
apply.click()
|
|
await flushPromises()
|
|
expect(parent.textContent).toContain('编辑后的台灯')
|
|
expect(updatePlatformUnifiedOrderDeclaration).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('loads formal warehouse channels and submits the code/name pair from one selected option', async () => {
|
|
vi.mocked(updatePlatformUnifiedOrderDeclaration).mockResolvedValue({ version: 8 } as never)
|
|
const wrapper = createWrapper()
|
|
await flushPromises()
|
|
expect(listWarehouseLogisticsChannels).toHaveBeenCalledWith('700000000000000001')
|
|
expect(wrapper.text()).toContain('国内收货仓和中转仓不可修改，如需变更请重新下单')
|
|
expect(wrapper.text()).toContain('RK-001')
|
|
const channelSelect = wrapper.findAllComponents({ name: 'ElSelect' })[0]!
|
|
channelSelect.vm.$emit('update:modelValue', 'NEW')
|
|
channelSelect.vm.$emit('change', 'NEW')
|
|
await wrapper.vm.$nextTick()
|
|
await wrapper.get('[data-testid="save"]').trigger('click')
|
|
await flushPromises()
|
|
|
|
expect(ElMessageBox.confirm).toHaveBeenCalledWith(expect.stringContaining('原箱码继续有效，无需更换已打印箱唛'), '确认变更渠道', expect.any(Object))
|
|
expect(ElMessageBox.confirm).toHaveBeenCalledWith(expect.stringContaining('纸面上的旧渠道文字不会自动变化'), '确认变更渠道', expect.any(Object))
|
|
expect(updatePlatformUnifiedOrderDeclaration).toHaveBeenCalledWith('208', '90001', expect.objectContaining({
|
|
expectedVersion: 7,
|
|
estimatedVolumeCbm: 0.625,
|
|
channelCode: 'NEW',
|
|
channelName: '新渠道',
|
|
cargoes: [expect.objectContaining({ itemNo: 1, usage: '照明' })],
|
|
}))
|
|
expect(ElMessage.success).toHaveBeenCalledWith(expect.stringContaining('订单已标记为“曾变更渠道”'))
|
|
expect(wrapper.emitted('updated')).toHaveLength(1)
|
|
expect(wrapper.emitted('update:modelValue')).toContainEqual([false])
|
|
})
|
|
|
|
it('does not expose free-text channel inputs and presents cargoes as a compact table with row editing', async () => {
|
|
const wrapper = createWrapper()
|
|
await flushPromises()
|
|
|
|
expect(wrapper.find('input[aria-label="渠道编码"]').attributes('readonly')).toBeDefined()
|
|
expect(wrapper.findAllComponents({ name: 'ElSelect' })).toHaveLength(1)
|
|
expect(wrapper.find('.cargo-table').exists()).toBe(true)
|
|
expect(wrapper.text()).toContain('箱数 / 数量')
|
|
expect(wrapper.text()).toContain('材质 / 用途')
|
|
expect(wrapper.text()).toContain('铝 / 照明')
|
|
expect(wrapper.text()).toContain('2 箱 / 20')
|
|
|
|
const editButton = wrapper.findAll('button').find((button) => button.text() === '编辑')!
|
|
await editButton.trigger('click')
|
|
expect(wrapper.find('input[aria-label="币种"]').attributes('readonly')).toBeDefined()
|
|
expect(wrapper.findAllComponents({ name: 'ElInput' }).some((input) => input.props('modelValue') === '照明')).toBe(true)
|
|
})
|
|
|
|
it('preserves the editor when the versioned update fails', async () => {
|
|
vi.mocked(updatePlatformUnifiedOrderDeclaration).mockRejectedValue(new Error('订单版本已变化，请刷新详情后重试'))
|
|
const wrapper = createWrapper()
|
|
await flushPromises()
|
|
await wrapper.get('[data-testid="save"]').trigger('click')
|
|
await flushPromises()
|
|
|
|
expect(wrapper.find('.load-error').exists()).toBe(true)
|
|
expect(wrapper.text()).toContain('原渠道')
|
|
expect(wrapper.emitted('update:modelValue')).toBeUndefined()
|
|
})
|
|
|
|
it('fails closed and keeps API error evidence when formal channel candidates cannot load', async () => {
|
|
vi.mocked(listWarehouseLogisticsChannels).mockRejectedValue(Object.assign(new Error('无权限'), { requestId: 'req-1', traceId: 'trace-1' }))
|
|
const wrapper = createWrapper()
|
|
await flushPromises()
|
|
|
|
expect(wrapper.text()).toContain('渠道候选加载失败')
|
|
expect(wrapper.get('[data-testid="save"]').attributes('disabled')).toBeDefined()
|
|
expect(updatePlatformUnifiedOrderDeclaration).not.toHaveBeenCalled()
|
|
})
|
|
})
|