66 lines
3.5 KiB
TypeScript
66 lines
3.5 KiB
TypeScript
import { flushPromises, shallowMount } from '@vue/test-utils'
|
|
import { beforeEach, afterEach, describe, expect, it, vi } from 'vitest'
|
|
import { reactive } from 'vue'
|
|
import ConfirmedLoadingListDetailView from './ConfirmedLoadingListDetailView.vue'
|
|
|
|
const mocks = vi.hoisted(() => ({ get: vi.fn(), push: vi.fn(), replace: vi.fn(), back: vi.fn(), route: { params: { planId: '1' }, query: { warehouseId: '11' } as Record<string, string> } }))
|
|
vi.mock('vue-router', () => ({ useRoute: () => mocks.route, useRouter: () => mocks }))
|
|
vi.mock('../api/platformLoadingLists', () => ({ getConfirmedLoadingList: mocks.get, getPreloadPlan: vi.fn() }))
|
|
vi.mock('@/shared/api/http', () => ({ getApiErrorDetails: (cause: Error) => ({ message: cause.message }) }))
|
|
|
|
function render() {
|
|
return shallowMount(ConfirmedLoadingListDetailView, { global: { stubs: {
|
|
AdminPage: { template: '<main><slot /></main>' },
|
|
LoadingListDetailDrawer: { name: 'LoadingListDetailDrawer', props: ['detail', 'error', 'loading'], template: '<section />' },
|
|
} } })
|
|
}
|
|
const completed = (planId = '1') => ({ summary: { status: 'COMPLETED', planId, loadingListNo: `LIST-${planId}` }, items: [], histories: [] })
|
|
|
|
describe('confirmed loading list detail page', () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks()
|
|
mocks.route = reactive({ params: { planId: '1' }, query: { warehouseId: '11' } })
|
|
mocks.get.mockResolvedValue(completed())
|
|
vi.spyOn(window, 'print').mockImplementation(() => {})
|
|
})
|
|
afterEach(() => vi.restoreAllMocks())
|
|
it('loads read-only detail on the dedicated page and returns to the list', async () => {
|
|
const wrapper = render(); await flushPromises()
|
|
expect(mocks.get).toHaveBeenCalledWith('1', '11')
|
|
const detail = wrapper.findComponent({ name: 'LoadingListDetailDrawer' })
|
|
expect(detail.props('detail')).toEqual(completed())
|
|
expect(window.print).not.toHaveBeenCalled()
|
|
vi.spyOn(window.history, 'length', 'get').mockReturnValue(1)
|
|
detail.vm.$emit('back')
|
|
expect(mocks.push).toHaveBeenCalledWith({ name: 'loading-lists' })
|
|
wrapper.unmount()
|
|
})
|
|
it('prints only after detail has loaded and removes the print request', async () => {
|
|
mocks.route.query.print = '1'
|
|
const wrapper = render(); await flushPromises()
|
|
expect(window.print).toHaveBeenCalledTimes(1)
|
|
expect(wrapper.findComponent({ name: 'LoadingListDetailDrawer' }).props('loading')).toBe(false)
|
|
expect(mocks.replace).toHaveBeenCalledWith({ name: 'loading-list-detail', params: { planId: '1' }, query: { warehouseId: '11' } })
|
|
wrapper.unmount()
|
|
})
|
|
it('keeps failure visible and does not print when loading fails', async () => {
|
|
mocks.route.query.print = '1'
|
|
mocks.get.mockRejectedValueOnce(new Error('清单不可用'))
|
|
const wrapper = render(); await flushPromises()
|
|
expect(wrapper.findComponent({ name: 'LoadingListDetailDrawer' }).props('error').message).toBe('清单不可用')
|
|
expect(window.print).not.toHaveBeenCalled()
|
|
wrapper.unmount()
|
|
})
|
|
it('ignores a stale response after switching manifests', async () => {
|
|
let resolveFirst!: (value: unknown) => void
|
|
mocks.get.mockImplementationOnce(() => new Promise(resolve => { resolveFirst = resolve }))
|
|
.mockResolvedValueOnce(completed('2'))
|
|
const wrapper = render()
|
|
mocks.route.params.planId = '2'
|
|
await flushPromises()
|
|
resolveFirst(completed()); await flushPromises()
|
|
expect(wrapper.findComponent({ name: 'LoadingListDetailDrawer' }).props('detail')).toEqual(completed('2'))
|
|
wrapper.unmount()
|
|
})
|
|
})
|