284 lines
18 KiB
TypeScript
284 lines
18 KiB
TypeScript
import { readFileSync } from 'node:fs'
|
|
import { resolve } from 'node:path'
|
|
import ElementPlus from 'element-plus'
|
|
import { createPinia, setActivePinia } from 'pinia'
|
|
import { createMemoryHistory, createRouter } from 'vue-router'
|
|
import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
|
|
import { afterAll, afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { useAccessPreviewStore } from '@/core/access/accessPreview'
|
|
import { useAuthStore } from '@/core/auth/auth'
|
|
import { createPlatformExportTask } from '@/modules/downloads'
|
|
import { ApiResponseError } from '@/shared/api/http'
|
|
import { showExportTaskCreatedDialog } from '@/shared/components/exportTaskCreatedDialog'
|
|
import { listPlatformTenants, type PlatformTenantResource } from '@/modules/iam'
|
|
import { createReconciliationStatement, getFinanceFeeSource, listFinanceFeePool, reviewFinanceFeeSource, updateFinanceFeeSourceSettlementInclusion } from '../api/finance'
|
|
import type { FinanceFeeSourceDetail } from '../types'
|
|
import FinanceCustomerArapView from './FinanceCustomerArapView.vue'
|
|
|
|
vi.mock('@/modules/iam', () => ({ listPlatformTenants: vi.fn() }))
|
|
vi.mock('@/modules/downloads', () => ({ createPlatformExportTask: vi.fn() }))
|
|
vi.mock('@/shared/components/exportTaskCreatedDialog', () => ({ showExportTaskCreatedDialog: vi.fn() }))
|
|
vi.mock('../api/finance', () => ({
|
|
listFinanceFeePool: vi.fn(),
|
|
getFinanceFeeSource: vi.fn(),
|
|
reviewFinanceFeeSource: vi.fn(),
|
|
updateFinanceFeeSourceSettlementInclusion: vi.fn(),
|
|
createReconciliationStatement: vi.fn(),
|
|
}))
|
|
|
|
class ResizeObserverStub implements ResizeObserver {
|
|
observe() {}
|
|
unobserve() {}
|
|
disconnect() {}
|
|
}
|
|
|
|
function createMemoryStorage(): Storage {
|
|
const values = new Map<string, string>()
|
|
return {
|
|
get length() { return values.size }, clear: () => values.clear(), getItem: (key) => values.get(key) ?? null,
|
|
key: (index) => [...values.keys()][index] ?? null, removeItem: (key) => values.delete(key), setItem: (key, value) => values.set(key, value),
|
|
}
|
|
}
|
|
|
|
const detail: FinanceFeeSourceDetail = {
|
|
poolItemId: '42', feeSourceId: '42', direction: 'RECEIVABLE', sourceType: 'INBOUND_FEE', sourceId: '81', sourceFeeId: '81', sourceVersion: 3,
|
|
customerId: '10001', customerName: '客户A', supplierId: null, supplierName: '', orderId: null, inboundId: '91', inboundCode: 'IB-91', containerId: null, containerNo: '',
|
|
businessDate: '2026-08-11', feeItemName: '运费', quantity: 2, unitPrice: 50, amount: 100, currency: 'CNY', reviewStatus: 'PENDING', settlementIncluded: false,
|
|
sourceStatus: 'AVAILABLE', status: 'AVAILABLE', statementGenerated: false, operationVersion: 3, createdAt: '2026-08-11', operationLogs: [],
|
|
}
|
|
|
|
async function mountView(permissions: string[], initialPath = '/finance/customer-arap') {
|
|
const pinia = createPinia(); setActivePinia(pinia)
|
|
const auth = useAuthStore(); auth.token = 'token'; auth.permissions = permissions
|
|
useAccessPreviewStore().initializeAfterLogin()
|
|
const router = createRouter({ history: createMemoryHistory(), routes: [
|
|
{ path: '/finance/customer-arap', name: 'finance-customer-arap', component: FinanceCustomerArapView },
|
|
{ path: '/finance/customer-arap/:feeSourceId', name: 'finance-customer-arap-detail', component: FinanceCustomerArapView },
|
|
] })
|
|
await router.push(initialPath); await router.isReady()
|
|
const wrapper = mount(FinanceCustomerArapView, {
|
|
attachTo: document.body,
|
|
global: { plugins: [pinia, ElementPlus, router], stubs: { LayoutPreferenceList: true } },
|
|
})
|
|
await flushPromises()
|
|
return Object.assign(wrapper, { router })
|
|
}
|
|
|
|
async function loadRows(wrapper: Awaited<ReturnType<typeof mountView>>) {
|
|
const vm = wrapper.vm as unknown as { load(model: Record<string, string>): Promise<void> }
|
|
await vm.load({ customerId: '10001', direction: '', status: '', keyword: '' })
|
|
await flushPromises()
|
|
}
|
|
|
|
enableAutoUnmount(afterEach)
|
|
afterAll(() => vi.unstubAllGlobals())
|
|
|
|
describe('FinanceCustomerArapView G2 operations', () => {
|
|
beforeEach(() => {
|
|
vi.stubGlobal('ResizeObserver', ResizeObserverStub)
|
|
vi.stubGlobal('localStorage', createMemoryStorage())
|
|
vi.stubGlobal('sessionStorage', createMemoryStorage())
|
|
document.body.innerHTML = ''
|
|
const customer = { id: '10001', tenantName: '客户A', status: 'ACTIVE' } as PlatformTenantResource
|
|
vi.mocked(listPlatformTenants).mockReset().mockResolvedValue({ records: [customer], page: 1, size: 200, total: 1, pages: 1 })
|
|
vi.mocked(listFinanceFeePool).mockReset().mockResolvedValue([{ poolItemId: 'RECEIVABLE:42', feeSourceId: '42', customerId: '10001', direction: 'RECEIVABLE', sourceType: 'INBOUND_FEE', sourceId: '81', sourceVersion: 3, orderId: null, inboundId: '91', containerId: null, feeItemName: '运费', amount: 100, currency: 'CNY', status: 'AVAILABLE', createdAt: '2026-08-11' }])
|
|
vi.mocked(getFinanceFeeSource).mockReset().mockResolvedValue(detail)
|
|
vi.mocked(reviewFinanceFeeSource).mockReset().mockResolvedValue({ ...detail, reviewStatus: 'APPROVED', operationVersion: 4 })
|
|
vi.mocked(updateFinanceFeeSourceSettlementInclusion).mockReset().mockResolvedValue({ ...detail, reviewStatus: 'APPROVED', settlementIncluded: true, operationVersion: 4 })
|
|
vi.mocked(createReconciliationStatement).mockReset().mockResolvedValue({} as never)
|
|
vi.mocked(createPlatformExportTask).mockReset().mockResolvedValue({ id: 'exp-3', taskNo: 'EXP-3', taskName: '客户应收应付费用来源', status: 'PENDING' } as never)
|
|
vi.mocked(showExportTaskCreatedDialog).mockReset().mockResolvedValue(false)
|
|
})
|
|
|
|
it('shows detail from the list permission but keeps G2 operations independent', async () => {
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list'])
|
|
await loadRows(wrapper)
|
|
|
|
const buttonLabels = wrapper.findAll('button').map((button) => button.text())
|
|
expect(buttonLabels).not.toContain('审核')
|
|
expect(buttonLabels).not.toContain('结算')
|
|
const vm = wrapper.vm as unknown as { openDetail(row: Record<string, unknown>): Promise<void> }
|
|
await vm.openDetail({ id: 'RECEIVABLE:42', feeSourceId: '42' })
|
|
expect(getFinanceFeeSource).toHaveBeenCalledWith('42')
|
|
expect(reviewFinanceFeeSource).not.toHaveBeenCalled()
|
|
expect(updateFinanceFeeSourceSettlementInclusion).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('loads all customers by default and keeps explicit customer filtering', async () => {
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list', 'platform:customer:list'])
|
|
expect(listFinanceFeePool).toHaveBeenCalledWith(undefined, undefined)
|
|
const vm = wrapper.vm as unknown as { load(model: Record<string, string>): Promise<void> }
|
|
await vm.load({ customerId: '10001', direction: 'RECEIVABLE', status: '', keyword: '' })
|
|
expect(listFinanceFeePool).toHaveBeenLastCalledWith('10001', 'RECEIVABLE')
|
|
expect(wrapper.text()).not.toContain('全客户查询暂不可用')
|
|
})
|
|
|
|
it('maps each all-customer fee row with its backend customerId', async () => {
|
|
const customerB = { id: '10002', tenantName: '客户B', status: 'ACTIVE' } as PlatformTenantResource
|
|
vi.mocked(listPlatformTenants).mockResolvedValue({ records: [{ id: '10001', tenantName: '客户A', status: 'ACTIVE' } as PlatformTenantResource, customerB], page: 1, size: 200, total: 2, pages: 1 })
|
|
vi.mocked(listFinanceFeePool).mockResolvedValue([
|
|
{ poolItemId: 'RECEIVABLE:42', feeSourceId: '42', customerId: '10001', direction: 'RECEIVABLE', sourceType: 'INBOUND_FEE', sourceId: '81', sourceVersion: 3, orderId: null, inboundId: '91', containerId: null, feeItemName: '运费', amount: 100, currency: 'CNY', status: 'AVAILABLE', createdAt: '2026-08-11' },
|
|
{ poolItemId: 'PAYABLE:43', feeSourceId: null, customerId: '10002', direction: 'PAYABLE', sourceType: 'MANUAL_COST', sourceId: '43', sourceVersion: 1, orderId: '11', inboundId: null, containerId: null, feeItemName: '拖车费', amount: 200, currency: 'CNY', status: 'POSTED', createdAt: '2026-08-10' },
|
|
])
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list'])
|
|
const vm = wrapper.vm as unknown as { load(model: Record<string, string>): Promise<void> }
|
|
await vm.load({ customerId: '', direction: '', status: '', keyword: '' })
|
|
await flushPromises()
|
|
expect(wrapper.text()).toContain('客户A')
|
|
expect(wrapper.text()).toContain('客户B')
|
|
})
|
|
|
|
it('loads detail and submits review and settlement changes with the returned version', async () => {
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list', 'platform:finance:fee-source:review', 'platform:finance:fee-source:settlement'])
|
|
await loadRows(wrapper)
|
|
const vm = wrapper.vm as unknown as {
|
|
openDetail(row: Record<string, unknown>): Promise<void>
|
|
openReview(row: Record<string, unknown>): Promise<void>
|
|
submitReview(): Promise<void>
|
|
openInclusion(row: Record<string, unknown>): Promise<void>
|
|
submitInclusion(): Promise<void>
|
|
reviewForm: { action: 'APPROVE' | 'REJECT'; reason: string }
|
|
inclusionForm: { included: boolean; reason: string }
|
|
}
|
|
const row = { id: 'RECEIVABLE:42', feeSourceId: '42' }
|
|
|
|
await vm.openDetail(row); await flushPromises()
|
|
expect(getFinanceFeeSource).toHaveBeenCalledWith('42')
|
|
expect(document.body.textContent).toContain('IB-91')
|
|
expect(document.body.textContent).toContain('100.00')
|
|
expect(document.body.textContent).toContain('CNY')
|
|
|
|
await vm.openReview(row); vm.reviewForm.action = 'APPROVE'; vm.reviewForm.reason = '核对无误'; await vm.submitReview()
|
|
expect(reviewFinanceFeeSource).toHaveBeenCalledWith('42', { action: 'APPROVE', reason: '核对无误', expectedVersion: 3 })
|
|
|
|
await vm.openInclusion(row); vm.inclusionForm.included = true; vm.inclusionForm.reason = '本期结算'; await vm.submitInclusion()
|
|
expect(updateFinanceFeeSourceSettlementInclusion).toHaveBeenCalledWith('42', { included: true, reason: '本期结算', expectedVersion: 3 })
|
|
})
|
|
|
|
it('renders request and trace ids when detail loading fails', async () => {
|
|
vi.mocked(getFinanceFeeSource).mockRejectedValueOnce(new ApiResponseError('费用来源不可用', 'FIN-FEE-404', 404, undefined, 'req-g2-error', 'trace-g2-error'))
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list'])
|
|
await loadRows(wrapper)
|
|
const vm = wrapper.vm as unknown as { openDetail(row: Record<string, unknown>): Promise<void> }
|
|
|
|
await vm.openDetail({ id: 'RECEIVABLE:42', feeSourceId: '42' }); await flushPromises()
|
|
|
|
expect(document.body.textContent).toContain('费用来源不可用')
|
|
expect(document.body.textContent).toContain('req-g2-error')
|
|
expect(document.body.textContent).toContain('trace-g2-error')
|
|
})
|
|
|
|
it('restores the independent detail route from its fee source id', async () => {
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list'], '/finance/customer-arap/42')
|
|
expect(getFinanceFeeSource).toHaveBeenCalledWith('42')
|
|
expect(wrapper.text()).toContain('费用来源详情')
|
|
expect(wrapper.text()).toContain('IB-91')
|
|
expect(wrapper.router.currentRoute.value.name).toBe('finance-customer-arap-detail')
|
|
})
|
|
|
|
it('uses the desktop detail layout for summary, source information, and operation history', async () => {
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list'], '/finance/customer-arap/42')
|
|
expect(wrapper.find('.finance-arap-detail__layout').exists()).toBe(true)
|
|
expect(wrapper.find('.finance-arap-detail__surface').exists()).toBe(true)
|
|
expect(wrapper.find('.detail-page-layout__header').exists()).toBe(true)
|
|
expect(wrapper.find('.detail-page-layout__summary').exists()).toBe(true)
|
|
expect(wrapper.find('.arap-metrics').exists()).toBe(true)
|
|
expect(wrapper.findAll('.arap-metric')).toHaveLength(4)
|
|
expect(wrapper.find('.arap-information').text()).toContain('单据信息')
|
|
expect(wrapper.find('.arap-settlement').text()).toContain('审核与结算')
|
|
expect(wrapper.find('.operation-log').text()).toContain('操作记录')
|
|
expect(wrapper.find('.arap-information').text()).toContain('业务日期')
|
|
expect(wrapper.find('.arap-information').text()).not.toContain('T00:00:00')
|
|
})
|
|
|
|
it('keeps the fee-source detail readable across the 1920 workspace', () => {
|
|
const page = readFileSync(resolve(process.cwd(), 'src/modules/finance/pages/FinanceCustomerArapView.vue'), 'utf8')
|
|
expect(page).toContain('width: min(100%, 1920px)')
|
|
expect(page).toContain('@media (min-width: 1920px)')
|
|
expect(page).toContain('grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr)')
|
|
expect(page).toContain('.finance-arap-detail__layout :deep(.detail-page-layout__content)')
|
|
expect(page).not.toContain('max-width: 520px')
|
|
})
|
|
|
|
it('resolves blank detail customer names and keeps source labels business-facing', async () => {
|
|
vi.mocked(getFinanceFeeSource).mockResolvedValueOnce({ ...detail, customerName: '', sourceType: 'NEW_SOURCE' })
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list'], '/finance/customer-arap/42')
|
|
expect(wrapper.text()).toContain('运费 · 客户A')
|
|
expect(wrapper.text()).toContain('其他费用来源')
|
|
expect(wrapper.text()).not.toContain('其他来源')
|
|
expect(wrapper.text()).not.toContain('NEW_SOURCE')
|
|
expect(wrapper.text()).not.toContain('42 ·')
|
|
})
|
|
|
|
it('hides technical source identifiers and versions from list rows', async () => {
|
|
vi.mocked(listFinanceFeePool).mockResolvedValue([
|
|
{ poolItemId: 'PAYABLE:358', feeSourceId: '358', customerId: '10001', direction: 'PAYABLE', sourceType: 'CONTAINER_FEE', sourceId: '2088285842638942210', sourceVersion: 1, orderId: null, inboundId: null, containerId: '2088285834627821569', feeItemName: 'ADMIN-API-20260814152244615-整柜成本', amount: 300, currency: 'CNY', status: 'AVAILABLE', createdAt: '2026-08-14T23:25:19.684' },
|
|
])
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list'])
|
|
await (wrapper.vm as unknown as { load(model: Record<string, string>): Promise<void> }).load({ customerId: '', direction: '', status: '', keyword: '' })
|
|
const text = wrapper.text()
|
|
expect(text).toContain('应付费用 · 整柜成本')
|
|
expect(text).toContain('柜次费用 · 关联柜次')
|
|
expect(text).toContain('2026/8/14 23:25:19')
|
|
expect(text).not.toContain('PAYABLE:358')
|
|
expect(text).not.toContain('2088285842638942210')
|
|
expect(text).not.toContain('/v1')
|
|
expect(text).not.toContain('CONTAINER_FEE')
|
|
expect(text).not.toContain('ADMIN-API-20260814152244615')
|
|
})
|
|
|
|
it.each(['10001', '客户 10001', '客户10001'])('never displays customer id placeholder %s as a customer name', async (customerName) => {
|
|
vi.mocked(listPlatformTenants).mockResolvedValueOnce({ records: [], page: 1, size: 200, total: 0, pages: 1 })
|
|
vi.mocked(getFinanceFeeSource).mockResolvedValueOnce({ ...detail, customerName })
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list'], '/finance/customer-arap/42')
|
|
expect(wrapper.text()).toContain('客户名称暂不可用')
|
|
expect(wrapper.text()).not.toContain(customerName)
|
|
})
|
|
|
|
it('creates a reconciliation draft from selected eligible receivables', async () => {
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list', 'platform:finance:reconciliation:create'])
|
|
await loadRows(wrapper)
|
|
const vm = wrapper.vm as unknown as {
|
|
selectedRows: Array<Record<string, unknown>>
|
|
generationForm: { mode: 'BY_CUTOFF' | 'SELECTED'; customerId: string; period: string[]; remark: string }
|
|
submitGeneration(): Promise<void>
|
|
}
|
|
vm.selectedRows = [{ id: 'RECEIVABLE:42', feeSourceId: '42', customerId: '10001', direction: 'RECEIVABLE', reviewStatus: 'APPROVED', settlementIncluded: true, statementGenerated: false, amount: 100 }]
|
|
Object.assign(vm.generationForm, { mode: 'SELECTED', customerId: '10001', period: ['2026-08-01', '2026-08-31'], remark: '八月费用' })
|
|
await vm.submitGeneration()
|
|
expect(createReconciliationStatement).toHaveBeenCalledWith({ customerId: '10001', currency: 'CNY', generationMode: 'SELECTED', feeSourceIds: ['42'], periodStart: '2026-08-01', periodEnd: '2026-08-31', remark: '八月费用' })
|
|
})
|
|
|
|
it('creates a fee-source export task with the complete active filters and typed booleans', async () => {
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list', 'platform:finance:customer-arap:export', 'platform:download:list'])
|
|
const vm = wrapper.vm as unknown as { filters: Record<string, unknown>; exportFeeSources(): Promise<void> }
|
|
Object.assign(vm.filters, {
|
|
customerId: '10001', direction: 'RECEIVABLE', reviewStatus: 'APPROVED', settlementIncluded: 'true',
|
|
statementGenerated: 'false', businessRange: ['2026-08-01', '2026-08-31'], keyword: ' 运费 ',
|
|
})
|
|
await vm.exportFeeSources()
|
|
expect(createPlatformExportTask).toHaveBeenCalledWith({
|
|
exportType: 'FINANCE_FEE_SOURCE_LIST', format: 'XLSX', taskName: '客户应收应付费用来源',
|
|
parameters: {
|
|
customerId: '10001', direction: 'RECEIVABLE', reviewStatus: 'APPROVED', settlementIncluded: true,
|
|
statementGenerated: false, businessDateFrom: '2026-08-01', businessDateTo: '2026-08-31', keyword: '运费',
|
|
},
|
|
})
|
|
expect(showExportTaskCreatedDialog).toHaveBeenCalledWith({ taskName: '客户应收应付费用来源', taskNo: 'EXP-3' })
|
|
})
|
|
|
|
it('does not expose fee-source export without download-center access', async () => {
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list', 'platform:finance:customer-arap:export'])
|
|
expect(wrapper.findAll('button').map((button) => button.text())).not.toContain('导出Excel')
|
|
expect(createPlatformExportTask).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('omits every empty fee-source filter instead of exporting the current table page', async () => {
|
|
const wrapper = await mountView(['platform:finance:customer-arap:list', 'platform:finance:customer-arap:export', 'platform:download:list'])
|
|
await (wrapper.vm as unknown as { exportFeeSources(): Promise<void> }).exportFeeSources()
|
|
expect(createPlatformExportTask).toHaveBeenCalledWith({
|
|
exportType: 'FINANCE_FEE_SOURCE_LIST', format: 'XLSX', taskName: '客户应收应付费用来源', parameters: {},
|
|
})
|
|
})
|
|
})
|