41 lines
3.5 KiB
TypeScript
41 lines
3.5 KiB
TypeScript
|
import { shallowMount, flushPromises } from '@vue/test-utils'
|
||
|
|
import { beforeEach, expect, it, vi } from 'vitest'
|
||
|
|
import View from './DispatchCapacityDemandsView.vue'
|
||
|
|
import * as api from '../api/dispatchCapacityDemands'
|
||
|
|
vi.mock('../api/dispatchCapacityDemands', () => ({ listDispatchCapacityDemands: vi.fn() }))
|
||
|
|
const row: api.DispatchCapacityDemand = { dispatchNo: 'PC-TEST', warehouseName: '测试仓', route: '测试仓 → ONT8', plannedDepartureAt: null, vehiclePalletSpaces: 30, scheduledPalletCount: 18, remainingPalletSpaces: null, remainingWeightKg: null, remainingVolumeCbm: null, capacityKnown: false, capacityReason: '占用标准托位、重量及体积待确认' }
|
||
|
|
const result = { records: [row], page: 1, size: 20, total: 1, pages: 1 }
|
||
|
|
const layout = { template: '<div><slot/></div>' }
|
||
|
|
function mount() { return shallowMount(View, { global: { stubs: { AdminPage: layout, ListPageLayout: layout, DataTable: { name: 'DataTable', props: ['data', 'columns', 'total', 'resultsVisible'], emits: ['update:page'], template: '<div><slot name="toolbar-start"/><slot name="filters"/><slot name="notices"/></div>' }, QueryToolbar: { name: 'QueryToolbar', props: ['modelValue'], emits: ['update:modelValue', 'search'], template: '<div/>' }, LoadErrorState: { name: 'LoadErrorState', emits: ['retry'], template: '<div/>' } } } }) }
|
||
|
|
beforeEach(() => { vi.clearAllMocks(); vi.mocked(api.listDispatchCapacityDemands).mockResolvedValue(result) })
|
||
|
|
it('uses the dispatch source and never presents registration, publication or legacy trip navigation', async () => {
|
||
|
|
const wrapper = mount(); await flushPromises()
|
||
|
|
expect(api.listDispatchCapacityDemands).toHaveBeenCalledExactlyOnceWith({ page: 1, size: 20, origin: undefined, destination: undefined })
|
||
|
|
const table = wrapper.getComponent({ name: 'DataTable' })
|
||
|
|
expect(table.props('data')).toEqual([row])
|
||
|
|
const columns = table.props('columns') as { key: string; formatter?: (value: api.DispatchCapacityDemand) => string }[]
|
||
|
|
expect(columns.some(c => c.key === 'actions')).toBe(false)
|
||
|
|
expect(columns.find(c => c.key === 'remainingPalletSpaces')?.formatter?.(row)).toBe('待确认')
|
||
|
|
expect(columns.find(c => c.key === 'remainingPalletSpaces')?.formatter?.({ ...row, capacityKnown: true, remainingPalletSpaces: 12 })).toBe('12')
|
||
|
|
expect(wrapper.findAll('button')).toHaveLength(0)
|
||
|
|
wrapper.unmount()
|
||
|
|
})
|
||
|
|
it('applies warehouse and destination queries and resets pagination only once', async () => {
|
||
|
|
const wrapper=mount(); await flushPromises()
|
||
|
|
wrapper.getComponent({name:'DataTable'}).vm.$emit('update:page',2); await flushPromises()
|
||
|
|
const query=wrapper.getComponent({name:'QueryToolbar'})
|
||
|
|
query.vm.$emit('update:modelValue',{origin:'洛杉矶',destination:'ONT8'}); await flushPromises(); query.vm.$emit('search'); await flushPromises()
|
||
|
|
expect(api.listDispatchCapacityDemands).toHaveBeenCalledTimes(3)
|
||
|
|
expect(api.listDispatchCapacityDemands).toHaveBeenLastCalledWith({page:1,size:20,origin:'洛杉矶',destination:'ONT8'})
|
||
|
|
wrapper.unmount()
|
||
|
|
})
|
||
|
|
it('preserves the query and retries an explicit read error', async () => {
|
||
|
|
vi.mocked(api.listDispatchCapacityDemands).mockRejectedValueOnce(new Error('offline'))
|
||
|
|
const wrapper=mount(); await flushPromises()
|
||
|
|
expect(wrapper.getComponent({name:'DataTable'}).props('resultsVisible')).toBe(false)
|
||
|
|
wrapper.getComponent({name:'LoadErrorState'}).vm.$emit('retry'); await flushPromises()
|
||
|
|
expect(wrapper.getComponent({name:'DataTable'}).props('resultsVisible')).toBe(true)
|
||
|
|
expect(api.listDispatchCapacityDemands).toHaveBeenCalledTimes(2)
|
||
|
|
wrapper.unmount()
|
||
|
|
})
|