86 lines
3.5 KiB
TypeScript
86 lines
3.5 KiB
TypeScript
|
import ElementPlus from 'element-plus'
|
|||
|
|
import { flushPromises, mount } from '@vue/test-utils'
|
|||
|
|
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|||
|
|
import { listPlatformTenants, type PlatformTenantResource } from '../api/platformIam'
|
|||
|
|
import PlatformTenantSelector from './PlatformTenantSelector.vue'
|
|||
|
|
|
|||
|
|
vi.mock('../api/platformIam', () => ({ listPlatformTenants: vi.fn() }))
|
|||
|
|
|
|||
|
|
const customer = {
|
|||
|
|
id: '190000000000000008',
|
|||
|
|
tenantCode: 'CUS-008',
|
|||
|
|
tenantName: '柏悦物流',
|
|||
|
|
status: 'ACTIVE',
|
|||
|
|
} as PlatformTenantResource
|
|||
|
|
|
|||
|
|
function mountSelector(props: { modelValue?: string; label?: string } = {}) {
|
|||
|
|
return mount(PlatformTenantSelector, {
|
|||
|
|
props: { modelValue: props.modelValue ?? '', ...(props.label ? { label: props.label } : {}) },
|
|||
|
|
global: { plugins: [ElementPlus] },
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
describe('PlatformTenantSelector customer labels', () => {
|
|||
|
|
beforeEach(() => {
|
|||
|
|
vi.clearAllMocks()
|
|||
|
|
vi.mocked(listPlatformTenants).mockResolvedValue({ records: [customer], page: 1, size: 200, total: 1, pages: 1 })
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
it('shows business identity and status without exposing the internal id', async () => {
|
|||
|
|
const wrapper = mountSelector({ modelValue: String(customer.id) })
|
|||
|
|
await flushPromises()
|
|||
|
|
|
|||
|
|
expect(listPlatformTenants).toHaveBeenCalledWith({ page: 1, size: 200 })
|
|||
|
|
expect(wrapper.text()).toContain('目标客户')
|
|||
|
|
expect(document.body.textContent).toContain('柏悦物流（CUS-008） · 启用')
|
|||
|
|
expect(document.body.textContent).not.toContain(String(customer.id))
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
it('keeps the internal id only as the emitted contract value', async () => {
|
|||
|
|
const wrapper = mountSelector()
|
|||
|
|
await flushPromises()
|
|||
|
|
|
|||
|
|
expect(wrapper.emitted('update:modelValue')).toEqual([[String(customer.id)]])
|
|||
|
|
expect(wrapper.text()).not.toContain(String(customer.id))
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
it('safely degrades labels when customer name or code is missing', async () => {
|
|||
|
|
vi.mocked(listPlatformTenants).mockResolvedValue({
|
|||
|
|
records: [
|
|||
|
|
{ ...customer, id: '1', tenantName: '', tenantCode: 'CUS-001', status: 'PENDING' },
|
|||
|
|
{ ...customer, id: '2', tenantName: '远航供应链', tenantCode: '', status: 'REJECTED' },
|
|||
|
|
{ ...customer, id: '3', tenantName: '', tenantCode: '', status: 'UNKNOWN' },
|
|||
|
|
],
|
|||
|
|
page: 1, size: 200, total: 3, pages: 1,
|
|||
|
|
})
|
|||
|
|
mountSelector({ modelValue: '1' })
|
|||
|
|
await flushPromises()
|
|||
|
|
|
|||
|
|
expect(document.body.textContent).toContain('CUS-001 · 待审核')
|
|||
|
|
expect(document.body.textContent).toContain('远航供应链 · 已驳回')
|
|||
|
|
expect(document.body.textContent).toContain('未命名客户 · UNKNOWN')
|
|||
|
|
expect(document.body.textContent).not.toMatch(/[（(][123] ·/)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
it('uses a custom business label for both visible and accessible names', async () => {
|
|||
|
|
const wrapper = mountSelector({ modelValue: String(customer.id), label: '客户企业' })
|
|||
|
|
await flushPromises()
|
|||
|
|
|
|||
|
|
expect(wrapper.text()).toContain('客户企业')
|
|||
|
|
expect(wrapper.get('[aria-label="客户企业"]').attributes('aria-label')).toBe('客户企业')
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
it('shows an actionable customer-list error and retries', async () => {
|
|||
|
|
vi.mocked(listPlatformTenants)
|
|||
|
|
.mockRejectedValueOnce('unavailable')
|
|||
|
|
.mockResolvedValueOnce({ records: [customer], page: 1, size: 200, total: 1, pages: 1 })
|
|||
|
|
const wrapper = mountSelector()
|
|||
|
|
await flushPromises()
|
|||
|
|
|
|||
|
|
expect(wrapper.get('[role="alert"]').text()).toContain('客户列表加载失败，请重试')
|
|||
|
|
await wrapper.get('[role="alert"] button').trigger('click')
|
|||
|
|
await flushPromises()
|
|||
|
|
expect(listPlatformTenants).toHaveBeenCalledTimes(2)
|
|||
|
|
})
|
|||
|
|
})
|