119 lines
9.4 KiB
TypeScript
119 lines
9.4 KiB
TypeScript
import { flushPromises, mount } from '@vue/test-utils'
|
|
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { onBeforeRouteLeave } from 'vue-router'
|
|
import { ElMessageBox } from 'element-plus'
|
|
import { ApiResponseError } from '@/shared/api/http'
|
|
import AppointmentCalendarView from './AppointmentCalendarView.vue'
|
|
import { getCalendarSources, getWarehouseArrivals, saveWarehouseArrival, type WarehouseArrival } from './scheduleApi'
|
|
import { listTripCalendar } from './tripCalendar'
|
|
import type { ScheduleEvent } from './schedule'
|
|
const routing = vi.hoisted(() => ({ query: { date: '2026-10-19' } as Record<string, string>, push: vi.fn(), replace: vi.fn(), denied: new Set<string>() }))
|
|
vi.mock('vue-router', () => ({ useRoute: () => routing, useRouter: () => routing, onBeforeRouteLeave: vi.fn(), onBeforeRouteUpdate: vi.fn() }))
|
|
vi.mock('@/core/access/accessPreview', () => ({ useAccessPreviewStore: () => ({ can: (permission: string) => !routing.denied.has(permission) }) }))
|
|
vi.mock('./scheduleApi', () => ({ getCalendarSources: vi.fn(), getWarehouseArrivals: vi.fn(), saveWarehouseArrival: vi.fn() }))
|
|
vi.mock('./tripCalendar', async original => ({ ...await original<typeof import('./tripCalendar')>(), listTripCalendar: vi.fn() }))
|
|
vi.mock('element-plus', () => ({ ElMessage: { success: vi.fn() }, ElMessageBox: { confirm: vi.fn() } }))
|
|
const warehouse: WarehouseArrival = { sourceContainerBookingId: '1', containerNo: 'TEST-CONT', warehouseName: '美国仓', warehouseCode: 'US-W', plannedAt: null, actualAt: null, version: 0, planCount: 0, canEdit: true }
|
|
const row: ScheduleEvent = { key: 'warehouse-1', type: 'warehouse', date: '2026-10-21', time: '', title: 'TEST-CONT 计划到仓', fields: [], warehouse, canEdit: true }
|
|
export function renderSchedule() {
|
|
return mount(AppointmentCalendarView, { global: { stubs: {
|
|
AdminPage: { template: '<main><slot /></main>' },
|
|
AppointmentCalendarPanel: { name: 'AppointmentCalendarPanel', props: ['events', 'loading', 'incomplete', 'initialDate', 'initialMode'], template: '<section data-calendar />' },
|
|
AppDialog: { name: 'AppDialog', props: ['modelValue', 'beforeClose', 'confirmDisabled', 'confirmLoading'], emits: ['confirm'], template: '<section v-if="modelValue" data-dialog><slot /><button data-save :disabled="confirmDisabled" @click="$emit(\'confirm\')">保存</button><button data-close @click="beforeClose(() => {})">关闭</button></section>' },
|
|
WorkDetailPanel: true, SourceAppointmentPanel: true, ApiErrorMeta: true,
|
|
LoadErrorState: { props: ['title', 'message'], emits: ['retry'], template: '<section role="alert">{{ title }} {{ message }}<slot name="details" /><button data-retry @click="$emit(\'retry\')">重试</button></section>' },
|
|
} } })
|
|
}
|
|
beforeEach(() => {
|
|
vi.clearAllMocks(); routing.query = { date: '2026-10-19' }; routing.denied.clear()
|
|
vi.mocked(getCalendarSources).mockResolvedValue({ containers: [{ containerBookingId: '1', cabinetNo: 'D0001', containerNo: 'TEST-CONT', vesselName: null, voyageNo: null, destinationPortName: null, destinationWarehouseCode: null, arrivalAt: '2026-10-19T10:00:00', arrivalType: 'ACTUAL' }], emptyReturns: [], emptyReturnsReadable: true })
|
|
vi.mocked(getWarehouseArrivals).mockResolvedValue([warehouse])
|
|
vi.mocked(listTripCalendar).mockResolvedValue({ records: [], unresolvedRecords: [] })
|
|
vi.mocked(saveWarehouseArrival).mockResolvedValue({})
|
|
})
|
|
describe('simplified appointment entry', () => {
|
|
it('keeps unsaved input when the operator declines to leave', async () => {
|
|
vi.mocked(ElMessageBox.confirm).mockRejectedValueOnce('cancel')
|
|
const wrapper = renderSchedule(); await flushPromises()
|
|
wrapper.getComponent({ name: 'AppointmentCalendarPanel' }).vm.$emit('edit', row); await flushPromises()
|
|
await wrapper.get('input').setValue('2026-10-22T09:30')
|
|
await wrapper.get('[data-close]').trigger('click'); await flushPromises()
|
|
expect(ElMessageBox.confirm).toHaveBeenCalled()
|
|
expect(wrapper.find('[data-dialog]').exists()).toBe(true)
|
|
expect((wrapper.get('input').element as HTMLInputElement).value).toBe('2026-10-22T09:30')
|
|
wrapper.unmount()
|
|
})
|
|
it('loads original sources and real trips without loading work summaries or generated work items', async () => {
|
|
const wrapper = renderSchedule(); await flushPromises()
|
|
expect(getWarehouseArrivals).toHaveBeenCalledWith({ from: '2026-09-28', to: '2026-11-09' }, ['1'], expect.any(AbortSignal))
|
|
const panel = wrapper.getComponent({ name: 'AppointmentCalendarPanel' })
|
|
expect(panel.props('events').map((event: ScheduleEvent) => [event.type, event.date])).toEqual([['arrival', '2026-10-19'], ['warehouse', '2026-10-21']])
|
|
expect(wrapper.text()).not.toMatch(/全局待办|跟进|复核/)
|
|
wrapper.unmount()
|
|
})
|
|
it('keeps available arrivals while reporting a failed warehouse source instead of inventing defaults', async () => {
|
|
vi.mocked(getWarehouseArrivals).mockRejectedValue(new Error('offline'))
|
|
const wrapper = renderSchedule(); await flushPromises()
|
|
expect(wrapper.getComponent({ name: 'AppointmentCalendarPanel' }).props('events').map((event: ScheduleEvent) => event.type)).toEqual(['arrival'])
|
|
expect(wrapper.text()).toContain('计划到仓读取失败')
|
|
expect(wrapper.getComponent({ name: 'AppointmentCalendarPanel' }).props('incomplete')).toBe(true)
|
|
wrapper.unmount()
|
|
})
|
|
it('does not request unreadable domains and describes the incomplete scope', async () => {
|
|
routing.denied.add('platform:fleet:trip:list'); routing.denied.add('platform:overseas-warehouse:last-mile-order:list')
|
|
const wrapper = renderSchedule(); await flushPromises()
|
|
expect(listTripCalendar).not.toHaveBeenCalled(); expect(getWarehouseArrivals).not.toHaveBeenCalled()
|
|
expect(wrapper.text()).toContain('缺少车次读取权限')
|
|
expect(wrapper.text()).toContain('缺少尾程订单读取权限')
|
|
wrapper.unmount()
|
|
})
|
|
it('ignores stale calendar responses when the date range changes', async () => {
|
|
let resolveOld!: (value: Awaited<ReturnType<typeof getCalendarSources>>) => void
|
|
vi.mocked(getCalendarSources).mockImplementationOnce(() => new Promise(resolve => { resolveOld = resolve }))
|
|
const wrapper = renderSchedule(); await flushPromises()
|
|
wrapper.getComponent({ name: 'AppointmentCalendarPanel' }).vm.$emit('range', { from: '2026-11-01', to: '2026-11-08' }); await flushPromises()
|
|
resolveOld({ containers: [], emptyReturns: [], emptyReturnsReadable: false }); await flushPromises()
|
|
expect(wrapper.text()).not.toContain('缺少还柜读取权限')
|
|
expect(wrapper.getComponent({ name: 'AppointmentCalendarPanel' }).props('events')).toHaveLength(0)
|
|
wrapper.unmount()
|
|
})
|
|
it('retries an unknown save with the same payload and key, then only reloads reads', async () => {
|
|
vi.mocked(saveWarehouseArrival).mockRejectedValueOnce(new Error('network interrupted')).mockResolvedValueOnce({})
|
|
const wrapper = renderSchedule(); await flushPromises()
|
|
wrapper.getComponent({ name: 'AppointmentCalendarPanel' }).vm.$emit('edit', row); await flushPromises()
|
|
await wrapper.get('input[type="datetime-local"]').setValue('2026-10-22T09:30')
|
|
await wrapper.get('[data-save]').trigger('click'); await flushPromises()
|
|
expect(wrapper.text()).toContain('提交结果尚未确认')
|
|
expect(wrapper.get('input').attributes('disabled')).toBeDefined()
|
|
const guard = vi.mocked(onBeforeRouteLeave).mock.calls.at(-1)![0] as () => Promise<boolean>
|
|
expect(await guard()).toBe(false)
|
|
await wrapper.get('[data-save]').trigger('click'); await flushPromises()
|
|
expect(vi.mocked(saveWarehouseArrival).mock.calls[1]).toEqual(vi.mocked(saveWarehouseArrival).mock.calls[0])
|
|
expect(saveWarehouseArrival).toHaveBeenCalledWith('1', { estimatedWarehouseArrivalAt: '2026-10-22T09:30:00', expectedVersion: 0 }, expect.any(String))
|
|
expect(wrapper.find('[data-dialog]').exists()).toBe(false)
|
|
wrapper.unmount()
|
|
})
|
|
it('requires an explicit reread after a conflict and retains the entered date', async () => {
|
|
vi.mocked(saveWarehouseArrival).mockRejectedValueOnce(new ApiResponseError('版本已变化', 'A0409', 409))
|
|
const wrapper = renderSchedule(); await flushPromises()
|
|
wrapper.getComponent({ name: 'AppointmentCalendarPanel' }).vm.$emit('edit', row); await flushPromises()
|
|
await wrapper.get('input').setValue('2026-10-22T09:30')
|
|
await wrapper.get('[data-save]').trigger('click'); await flushPromises()
|
|
expect(wrapper.get('[data-save]').attributes('disabled')).toBeDefined()
|
|
vi.mocked(getWarehouseArrivals).mockResolvedValueOnce([{ ...warehouse, version: 2 }])
|
|
await wrapper.get('[data-retry]').trigger('click'); await flushPromises()
|
|
expect((wrapper.get('input').element as HTMLInputElement).value).toBe('2026-10-22T09:30')
|
|
await wrapper.get('[data-save]').trigger('click'); await flushPromises()
|
|
expect(saveWarehouseArrival).toHaveBeenLastCalledWith('1', expect.objectContaining({ expectedVersion: 2 }), expect.any(String))
|
|
wrapper.unmount()
|
|
})
|
|
it('keeps the selected date and view in the source return link', async () => {
|
|
const wrapper = renderSchedule(); await flushPromises()
|
|
const panel = wrapper.getComponent({ name: 'AppointmentCalendarPanel' })
|
|
panel.vm.$emit('select', '2026-10-21', 'week')
|
|
panel.vm.$emit('open', { ...row, sourcePath: '/container-loading/overseas/1' }); await flushPromises()
|
|
expect(routing.push).toHaveBeenCalledWith({ path: '/container-loading/overseas/1', query: { appointmentReturn: '/appointment-calendar?date=2026-10-21&mode=week' } })
|
|
wrapper.unmount()
|
|
})
|
|
})
|