46 lines
2.4 KiB
TypeScript
46 lines
2.4 KiB
TypeScript
import ElementPlus from 'element-plus'
|
|
import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
|
|
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { getPallet, listReceivingOverseasWarehouses } from '../api/pallets'
|
|
import PalletDetailView from './PalletDetailView.vue'
|
|
|
|
vi.mock('vue-router', () => ({
|
|
useRoute: () => ({ params: { palletId: 'internal-pallet-id' }, query: { warehouseId: 'internal-warehouse-id' } }),
|
|
useRouter: () => ({ push: vi.fn() }),
|
|
}))
|
|
vi.mock('../api/pallets', () => ({ getPallet: vi.fn(), listReceivingOverseasWarehouses: vi.fn() }))
|
|
enableAutoUnmount(afterEach)
|
|
|
|
describe('PalletDetailView business identifiers', () => {
|
|
beforeEach(() => {
|
|
vi.mocked(getPallet).mockReset()
|
|
vi.mocked(listReceivingOverseasWarehouses).mockResolvedValue({ records: [], page: 1, size: 200, total: 0, pages: 0 })
|
|
})
|
|
|
|
it('does not expose the route ID while loading or after a failed load', async () => {
|
|
let rejectLoad!: (cause: Error) => void
|
|
vi.mocked(getPallet).mockReturnValue(new Promise((_, reject) => { rejectLoad = reject }))
|
|
const wrapper = mount(PalletDetailView, { global: { plugins: [ElementPlus] } })
|
|
expect(wrapper.get('.overseas-detail-title').text()).toContain('—')
|
|
expect(wrapper.text()).not.toContain('internal-pallet-id')
|
|
rejectLoad(new Error('暂时无法加载'))
|
|
await flushPromises()
|
|
expect(wrapper.text()).toContain('托盘详情加载失败')
|
|
expect(wrapper.text()).not.toContain('internal-pallet-id')
|
|
})
|
|
|
|
it('renders the pallet code inside the dense detail and keeps unavailable location codes empty', async () => {
|
|
vi.mocked(getPallet).mockResolvedValue({
|
|
id: 'internal-pallet-id', warehouseId: 'internal-warehouse-id', customerId: 'customer-1',
|
|
locationId: 'internal-location-id', palletCode: 'PALLET-LAX-001', palletType: 'WOOD',
|
|
fbaWarehouseCode: 'ONT8', capacityCbm: 2, unitPrice: 10, status: 'IDLE', version: 1,
|
|
})
|
|
const wrapper = mount(PalletDetailView, { global: { plugins: [ElementPlus] } })
|
|
await flushPromises()
|
|
expect(wrapper.get('.admin-density .overseas-detail-title').text()).toContain('PALLET-LAX-001')
|
|
const location = wrapper.findAll('.density-fields dt').find(item => item.text() === '库位')!
|
|
expect(location.element.nextElementSibling?.textContent).toBe('—')
|
|
expect(wrapper.text()).not.toMatch(/internal-(pallet|warehouse|location)-id/)
|
|
})
|
|
})
|