77 lines
4.5 KiB
TypeScript
77 lines
4.5 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 { reactive } from 'vue'
|
|
import { ApiResponseError } from '@/shared/api/http'
|
|
import BusinessDocumentFees from '../components/BusinessDocumentFees.vue'
|
|
import { getLocalLooseboardOrder } from '../api/platformOverseasBusiness'
|
|
import type { LocalLooseboardDetail } from '../types'
|
|
import LooseboardOrderDetailView from './LooseboardOrderDetailView.vue'
|
|
|
|
const routing = vi.hoisted(() => ({ push: vi.fn(), route: { params: { orderId: 'LB-TEST' }, query: { customerId: '9007199254741999' } as Record<string, string> } }))
|
|
vi.mock('vue-router', () => ({ useRoute: () => routing.route, useRouter: () => ({ push: routing.push }) }))
|
|
vi.mock('../api/platformOverseasBusiness', () => ({ getLocalLooseboardOrder: vi.fn() }))
|
|
|
|
function order(overrides: Partial<LocalLooseboardDetail> = {}): LocalLooseboardDetail {
|
|
return {
|
|
id: '9007199254741001', orderNo: 'LB-TEST', customerId: '9007199254741999', fleetArrangement: null,
|
|
palletRequired: 'YES', transportType: 'WAREHOUSE_TO_WAREHOUSE', productName: '测试货物', estimatedPalletCount: 2,
|
|
origin: 'LA', originAddress: '起运仓地址', destination: 'ONT', destinationAddress: '目的仓地址',
|
|
originContactName: '发货人', originContactPhone: '10001', destinationContactName: '收货人', destinationContactPhone: '10002',
|
|
pickupAt: '2026-10-20T09:30:00', deliveryAt: '2026-10-20T15:45:00', packageCount: 20,
|
|
totalWeightKg: '100', totalVolumeCbm: '2', budgetAmount: '500', currency: 'USD',
|
|
status: 'PENDING_ACCEPTANCE', version: 1, remark: '运输备注', createdBy: '7',
|
|
createdAt: '2026-10-20T08:00:00', updatedAt: '2026-10-20T08:00:00', histories: [], ...overrides,
|
|
}
|
|
}
|
|
function mountDetail() {
|
|
return mount(LooseboardOrderDetailView, { global: { plugins: [ElementPlus], stubs: { BusinessDocumentFees: true, FleetArrangementSummary: true, DataTable: true } } })
|
|
}
|
|
|
|
enableAutoUnmount(afterEach)
|
|
beforeEach(() => {
|
|
vi.clearAllMocks()
|
|
routing.route = reactive({ params: { orderId: 'LB-TEST' }, query: { customerId: '9007199254741999' } })
|
|
vi.mocked(getLocalLooseboardOrder).mockResolvedValue(order())
|
|
})
|
|
|
|
describe('looseboard document fees', () => {
|
|
it('loads the customer scoped document and passes its exact identity to fees', async () => {
|
|
const wrapper = mountDetail(); await flushPromises()
|
|
expect(getLocalLooseboardOrder).toHaveBeenCalledWith('LB-TEST', '9007199254741999')
|
|
expect(wrapper.findComponent(BusinessDocumentFees).props()).toMatchObject({
|
|
businessType: 'LOCAL_LOOSEBOARD', businessNo: 'LB-TEST', customerId: '9007199254741999', businessId: '9007199254741001',
|
|
})
|
|
expect(wrapper.text()).toContain('起运仓地址')
|
|
expect(wrapper.findAll('.status-badge')).toHaveLength(1)
|
|
})
|
|
|
|
it('does not expose fees or query a document without a real customer', async () => {
|
|
routing.route.query = {}
|
|
const wrapper = mountDetail(); await flushPromises()
|
|
expect(getLocalLooseboardOrder).not.toHaveBeenCalled()
|
|
expect(wrapper.findComponent(BusinessDocumentFees).exists()).toBe(false)
|
|
expect(wrapper.text()).toContain('缺少有效客户或订单信息')
|
|
})
|
|
|
|
it('keeps error metadata and retries before exposing fee operations', async () => {
|
|
vi.mocked(getLocalLooseboardOrder).mockRejectedValueOnce(new ApiResponseError('读取失败', 'A0409', 409, undefined, 'LB-409')).mockResolvedValueOnce(order())
|
|
const wrapper = mountDetail(); await flushPromises()
|
|
expect(wrapper.text()).toContain('LB-409')
|
|
expect(wrapper.findComponent(BusinessDocumentFees).exists()).toBe(false)
|
|
wrapper.findComponent({ name: 'LoadErrorState' }).vm.$emit('retry'); await flushPromises()
|
|
expect(wrapper.findComponent(BusinessDocumentFees).exists()).toBe(true)
|
|
})
|
|
|
|
it('discards an older response when navigating to another order', async () => {
|
|
let completeFirst!: (value: LocalLooseboardDetail) => void
|
|
vi.mocked(getLocalLooseboardOrder).mockImplementationOnce(() => new Promise(resolve => { completeFirst = resolve }))
|
|
.mockResolvedValueOnce(order({ id: '9007199254741002', orderNo: 'LB-NEXT' }))
|
|
const wrapper = mountDetail()
|
|
routing.route.params.orderId = 'LB-NEXT'; await flushPromises()
|
|
completeFirst(order()); await flushPromises()
|
|
expect(wrapper.findComponent(BusinessDocumentFees).props('businessId')).toBe('9007199254741002')
|
|
expect(wrapper.findComponent(BusinessDocumentFees).props('businessNo')).toBe('LB-NEXT')
|
|
})
|
|
})
|