149 lines
12 KiB
TypeScript
149 lines
12 KiB
TypeScript
import ElementPlus from 'element-plus'
|
|
import { flushPromises, mount } from '@vue/test-utils'
|
|
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { ApiResponseError } from '@/shared/api/http'
|
|
import { getDispatch, getDispatchEvidence } from '../api/dispatches'
|
|
import DispatchDetailView from './DispatchDetailView.vue'
|
|
import { detail, destination } from '../dispatchTestFixtures'
|
|
import { DataTableStub } from './phase5TestStubs'
|
|
const query = vi.hoisted(() => ({} as Record<string, string>))
|
|
const push = vi.hoisted(() => vi.fn())
|
|
const can = vi.hoisted(() => vi.fn(() => false))
|
|
vi.mock('@/core/access/accessPreview', () => ({ useAccessPreviewStore: () => ({ can }) }))
|
|
vi.mock('vue-router', () => ({ useRoute: () => ({ params: { dispatchNo: 'PC/1' }, query }), useRouter: () => ({ push }) }))
|
|
vi.mock('../api/dispatches', () => ({ getDispatch: vi.fn(), getDispatchEvidence: vi.fn() }))
|
|
vi.mock('@/modules/overseas-master-data', async () => ({
|
|
vehicleStatusLabels: (await vi.importActual<typeof import('../../overseas-master-data/presentation')>('../../overseas-master-data/presentation')).vehicleStatusLabels,
|
|
inquiryReturnTarget: (value: Record<string, string>) => value.fleetOfferNo ? { name: 'overseas-master-data-capacity-offer-detail', params: { offerNo: value.fleetOfferNo }, query: { inquiry: value.fleetBookingNo } } : null,
|
|
}))
|
|
const options = { global: { plugins: [ElementPlus], stubs: { DataTable: DataTableStub, DispatchWorkflowDialog: true } } }
|
|
beforeEach(() => { vi.clearAllMocks(); vi.mocked(getDispatch).mockResolvedValue(detail()); can.mockReturnValue(false); push.mockReset(); Object.keys(query).forEach(key => delete query[key]) })
|
|
describe('whole-dispatch four-tab detail', () => {
|
|
it('uses only four accessible colored tabs and switches without another network read', async () => {
|
|
const value = detail(); value.dispatchInfo.fbaAppointments = [{ batchKey: 'FBA_APPOINTMENT:1', batchNo: 'BATCH-1', appointmentNo: 'FBA-AP-1', destinationKey: 'FBA:ONT8', destinationWarehouseCode: 'ONT8', status: 'CONFIRMED', confirmedAt: null, blockReason: null }]
|
|
vi.mocked(getDispatch).mockResolvedValueOnce(value)
|
|
const wrapper = mount(DispatchDetailView, options); await flushPromises()
|
|
expect(getDispatch).toHaveBeenCalledWith('PC/1')
|
|
const tabs = wrapper.findAll('[role="tab"]')
|
|
expect(tabs.map(tab => tab.text())).toEqual(['🚚车辆信息', '📋排车信息', '📝单据信息', '📦关联订单明细'])
|
|
expect(wrapper.findAll('.density-tab-icon')).toHaveLength(4)
|
|
await tabs[1]!.trigger('click'); await flushPromises()
|
|
expect(tabs[1]!.attributes('aria-selected')).toBe('true')
|
|
const dispatchInfo = wrapper.get(`#${tabs[1]!.attributes('aria-controls')}`)
|
|
expect(dispatchInfo.text()).toContain('LAX → ONT8'); expect(dispatchInfo.text()).toContain('FBA预约'); expect(dispatchInfo.text()).toContain('ONT8 · FBA-AP-1 · CONFIRMED')
|
|
expect(dispatchInfo.findAll('dt').map(field => field.text())).toEqual(['路线', '发车时间', '预计到达时间', 'FBA预约'])
|
|
expect(getDispatch).toHaveBeenCalledTimes(1); expect(wrapper.text()).toContain('装车前'); wrapper.unmount()
|
|
})
|
|
it('uses exact server order attribution including unknown measurements and real container numbers', async () => {
|
|
const value = detail(); value.orderDetails.push({ ...value.orderDetails[0]!, customerId: 'C2', customerName: '客户乙', sourceKey: 'source-2', orderNo: 'LM-2', grossWeightKg: 12.25 })
|
|
value.orderDetails.forEach((row, index) => { row.sourceBusinessType = 'RELABEL_ORDER'; row.sourceBusinessNo = `RL-${index + 1}` })
|
|
vi.mocked(getDispatch).mockResolvedValueOnce(value)
|
|
const wrapper = mount(DispatchDetailView, options); await flushPromises()
|
|
expect(wrapper.getComponent(DataTableStub).props('data')).toEqual(value.orderDetails)
|
|
expect(wrapper.getComponent(DataTableStub).vm.$attrs.columns).toContainEqual(expect.objectContaining({ prop: 'sourceBusinessNo', label: '来源业务号' }))
|
|
expect(value.orderDetails[0]!.grossWeightKg).toBeNull(); wrapper.unmount()
|
|
})
|
|
it.each([
|
|
['IN_SERVICE', '在役'], ['DISPATCHED', '外派中'], ['MAINTENANCE', '维修中'], ['INACTIVE', '停用'], ['RETURNED', '已归还'],
|
|
['FUTURE_STATUS', '—'], ['toString', '—'], [null, '—'],
|
|
])('presents vehicle status %s through the existing master-data labels or an explicit placeholder', async (status, label) => {
|
|
const value = detail(); value.vehicleInfo.vehicle!.vehicleStatus = status
|
|
vi.mocked(getDispatch).mockResolvedValueOnce(value)
|
|
const wrapper = mount(DispatchDetailView, options); await flushPromises()
|
|
const field = wrapper.findAll('.detail-fields > div').find(row => row.find('dt').text() === '车辆状态')!
|
|
expect(field.get('dd').text()).toBe(label)
|
|
if (status) expect(field.text()).not.toContain(status)
|
|
wrapper.unmount()
|
|
})
|
|
it('renders all customer delivery references and real update time/remark without leaking internal IDs', async () => {
|
|
const value = detail(); value.documents.deliveries = ['DEL-A', 'DEL-B'].map((deliveryNo, index) => ({ deliveryNo, customerId: `C${index}`, customerName: `客户${index}`, outboundNo: `OUT-${index}`, groupKey: `group-${index}`, destination: destination(), status: 'WAIT_DELIVERY', packageCount: 1, palletCount: 1 }))
|
|
vi.mocked(getDispatch).mockResolvedValueOnce(value)
|
|
const wrapper = mount(DispatchDetailView, options); await flushPromises(); await wrapper.findAll('[role="tab"]')[2]!.trigger('click')
|
|
expect(wrapper.text()).toContain('DEL-A'); expect(wrapper.text()).toContain('DEL-B'); expect(wrapper.text()).toContain('真实备注')
|
|
expect(wrapper.findAll('button').some(button => button.text() === 'DEL-A')).toBe(false); wrapper.unmount()
|
|
})
|
|
it('requires a literal service allowance and permission for a write action', async () => {
|
|
can.mockReturnValue(true); vi.mocked(getDispatch).mockResolvedValueOnce(detail({ actions: { DEPART: { allowed: false, blockCode: 'NOT_ARRANGED', blockReason: '尚未安排派送' } } }))
|
|
const wrapper = mount(DispatchDetailView, options); await flushPromises()
|
|
expect(wrapper.text()).not.toContain('尚未安排派送'); expect(wrapper.findAll('button').some(button => button.text() === '确认发车')).toBe(false); wrapper.unmount()
|
|
})
|
|
it('keeps the allowed Admin action without presenting unrelated stage or PDA permission refusals as page warnings', async () => {
|
|
can.mockReturnValue(true)
|
|
vi.mocked(getDispatch).mockResolvedValueOnce(detail({ stage: 'AFTER_LOADING', actions: {
|
|
ARRANGE_DELIVERY: { allowed: true, blockCode: null, blockReason: null },
|
|
EDIT: { allowed: false, blockCode: 'STAGE', blockReason: '当前阶段或作业事实不满足操作条件' },
|
|
PICK: { allowed: false, blockCode: 'PERMISSION', blockReason: '当前无此操作权限' },
|
|
} }))
|
|
const wrapper = mount(DispatchDetailView, options); await flushPromises()
|
|
expect(wrapper.text()).toContain('装车后')
|
|
expect(wrapper.text()).not.toContain('当前阶段或作业事实不满足操作条件')
|
|
expect(wrapper.text()).not.toContain('当前无此操作权限')
|
|
expect(wrapper.findAll('button').some(button => button.text() === '维护车辆信息')).toBe(false)
|
|
await wrapper.findAll('button').find(button => button.text() === '安排派送')!.trigger('click')
|
|
expect(wrapper.findComponent({ name: 'DispatchWorkflowDialog' }).props()).toMatchObject({ modelValue: true, dispatchNo: 'PC/1', action: 'ARRANGE_DELIVERY' })
|
|
wrapper.unmount()
|
|
})
|
|
it('retains a real attachment A0404 failure and its request diagnostics in the vehicle tab', async () => {
|
|
const value = detail(); value.vehicleInfo.vehicle!.evidenceFileIds = ['301']
|
|
vi.mocked(getDispatch).mockResolvedValueOnce(value)
|
|
vi.mocked(getDispatchEvidence).mockRejectedValueOnce(new ApiResponseError('附件不存在', 'A0404', 404, undefined, 'evidence-request', 'evidence-trace'))
|
|
const wrapper = mount(DispatchDetailView, options); await flushPromises()
|
|
expect(getDispatchEvidence).toHaveBeenCalledWith('PC/1', 'VEHICLE', '301')
|
|
expect(wrapper.text()).toContain('本趟附件操作未完成')
|
|
expect(wrapper.text()).toContain('A0404')
|
|
expect(wrapper.text()).toContain('evidence-request')
|
|
expect(wrapper.text()).toContain('evidence-trace')
|
|
expect(value.vehicleInfo.vehicle!.evidenceFileIds).toEqual(['301'])
|
|
wrapper.unmount()
|
|
})
|
|
it('retains a real API failure and exposes retry rather than rendering a successful empty detail', async () => {
|
|
vi.mocked(getDispatch).mockRejectedValueOnce(new Error('permission denied'))
|
|
const wrapper = mount(DispatchDetailView, options); await flushPromises(); expect(wrapper.text()).toContain('排车详情加载失败，请重试'); expect(wrapper.findAll('[role="tab"]')).toHaveLength(0); wrapper.unmount()
|
|
})
|
|
it('keeps the original inquiry return target', async () => {
|
|
Object.assign(query, { fleetOfferNo: 'FO-1', fleetBookingNo: 'FB-2' }); const wrapper = mount(DispatchDetailView, options); await flushPromises(); await wrapper.get('button.density-back').trigger('click')
|
|
expect(push).toHaveBeenCalledWith({ name: 'overseas-master-data-capacity-offer-detail', params: { offerNo: 'FO-1' }, query: { inquiry: 'FB-2' } }); wrapper.unmount()
|
|
})
|
|
it.each(['saved', 'rejected'] as const)('refreshes detail actions after the workflow %s event and retains a real rejection after closure', async event => {
|
|
can.mockReturnValue(true)
|
|
vi.mocked(getDispatch).mockResolvedValueOnce(detail({ actions: { SUBMIT_REVIEW: { allowed: true, blockCode: null, blockReason: null } } }))
|
|
const wrapper = mount(DispatchDetailView, options); await flushPromises()
|
|
await wrapper.findAll('button').find(button => button.text() === '提交调度审核')!.trigger('click')
|
|
vi.mocked(getDispatch).mockResolvedValueOnce(detail({ recordVersion: 1, actions: { SUBMIT_REVIEW: { allowed: false, blockCode: 'ALREADY_SUBMITTED', blockReason: '已提交' } } }))
|
|
const dialog = wrapper.getComponent({ name: 'DispatchWorkflowDialog' })
|
|
if (event === 'rejected') dialog.vm.$emit('rejected', { message: '本轮审核已经提交', code: 'A0409', requestId: 'detail-reject-request' })
|
|
else dialog.vm.$emit('saved')
|
|
dialog.vm.$emit('update:modelValue', false)
|
|
await flushPromises()
|
|
expect(getDispatch).toHaveBeenCalledTimes(2)
|
|
expect(wrapper.findAll('button').some(button => button.text() === '提交调度审核')).toBe(false)
|
|
expect(wrapper.findAll('[role="tab"]')).toHaveLength(4)
|
|
if (event === 'rejected') {
|
|
expect(wrapper.text()).toContain('本轮审核已经提交')
|
|
expect(wrapper.text()).toContain('A0409')
|
|
expect(wrapper.text()).toContain('detail-reject-request')
|
|
}
|
|
expect(wrapper.text()).not.toContain('结果尚待核对')
|
|
wrapper.unmount()
|
|
})
|
|
it('retains a workflow rejection when the parent detail refresh also fails', async () => {
|
|
const wrapper = mount(DispatchDetailView, options); await flushPromises()
|
|
vi.mocked(getDispatch).mockRejectedValueOnce(new Error('detail read failed'))
|
|
wrapper.getComponent({ name: 'DispatchWorkflowDialog' }).vm.$emit('rejected', { message: '已提交，请刷新', code: 'A0409' })
|
|
await flushPromises()
|
|
expect(wrapper.text()).toContain('已提交，请刷新')
|
|
expect(wrapper.text()).toContain('A0409')
|
|
expect(wrapper.text()).toContain('排车详情加载失败')
|
|
wrapper.unmount()
|
|
})
|
|
it('clears an earlier input rejection after the corrected workflow succeeds', async () => {
|
|
const wrapper = mount(DispatchDetailView, options); await flushPromises()
|
|
const dialog = wrapper.getComponent({ name: 'DispatchWorkflowDialog' })
|
|
dialog.vm.$emit('rejected', { message: '请补齐本趟资料', code: 'A0400' }); await flushPromises()
|
|
expect(wrapper.text()).toContain('请补齐本趟资料')
|
|
dialog.vm.$emit('saved'); await flushPromises()
|
|
expect(wrapper.text()).not.toContain('请补齐本趟资料')
|
|
wrapper.unmount()
|
|
})
|
|
})
|