114 lines
4.3 KiB
TypeScript
114 lines
4.3 KiB
TypeScript
import ElementPlus from 'element-plus'
|
|
import { createPinia, setActivePinia } from 'pinia'
|
|
import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
|
|
import { afterAll, afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { listPlatformExpressCompanies, type PlatformExpressCompanyResource } from '@/modules/master-data/express-companies/api/platformExpressCompanies'
|
|
import { useAccessPreviewStore } from '@/core/access/accessPreview'
|
|
import { useAuthStore } from '@/core/auth/auth'
|
|
import ExpressCompaniesView from './ExpressCompaniesView.vue'
|
|
|
|
vi.mock('@/modules/master-data/express-companies/api/platformExpressCompanies', () => ({
|
|
listPlatformExpressCompanies: vi.fn(),
|
|
createPlatformExpressCompany: vi.fn(),
|
|
downloadPlatformExpressCompanyImportTemplate: vi.fn(),
|
|
importPlatformExpressCompanies: vi.fn(),
|
|
updatePlatformExpressCompany: vi.fn(),
|
|
changePlatformExpressCompanyStatus: 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 company: PlatformExpressCompanyResource = {
|
|
id: '19001',
|
|
tenantId: 0,
|
|
companyCode: 'SF',
|
|
companyName: '顺丰速运',
|
|
servicePhone: '95338',
|
|
website: 'https://www.sf-express.com',
|
|
trackingUrlTemplate: 'https://example.com/track/{trackingNo}',
|
|
status: 'ACTIVE',
|
|
remark: '测试数据',
|
|
updatedAt: '2026-07-31T10:20:00',
|
|
}
|
|
|
|
async function mountView() {
|
|
vi.stubGlobal('localStorage', createMemoryStorage())
|
|
vi.stubGlobal('sessionStorage', createMemoryStorage())
|
|
const pinia = createPinia()
|
|
setActivePinia(pinia)
|
|
const auth = useAuthStore()
|
|
auth.token = 'token'
|
|
auth.permissions = ['platform:express:list', 'platform:express:create', 'platform:express:edit', 'platform:express:status']
|
|
useAccessPreviewStore().initializeAfterLogin()
|
|
const wrapper = mount(ExpressCompaniesView, {
|
|
attachTo: document.body,
|
|
global: { plugins: [pinia, ElementPlus] },
|
|
})
|
|
await flushPromises()
|
|
return wrapper
|
|
}
|
|
|
|
enableAutoUnmount(afterEach)
|
|
afterAll(() => vi.unstubAllGlobals())
|
|
|
|
describe('ExpressCompaniesView query and table migration', () => {
|
|
beforeEach(() => {
|
|
vi.stubGlobal('ResizeObserver', ResizeObserverStub)
|
|
document.body.innerHTML = ''
|
|
vi.mocked(listPlatformExpressCompanies).mockReset().mockResolvedValue({
|
|
records: [company], page: 1, size: 20, total: 1, pages: 1,
|
|
})
|
|
})
|
|
|
|
it('renders the shared toolbar and data table without a summary strip', async () => {
|
|
const wrapper = await mountView()
|
|
|
|
expect(wrapper.find('.query-toolbar').exists()).toBe(true)
|
|
expect(wrapper.find('input[aria-label="所属企业"]').exists()).toBe(false)
|
|
expect(wrapper.find('.data-table').exists()).toBe(true)
|
|
expect(wrapper.text()).toContain('顺丰速运')
|
|
expect(wrapper.text()).toContain('平台公共数据 · 共 1 家快递公司')
|
|
expect(wrapper.find('.metric-strip').exists()).toBe(false)
|
|
expect(listPlatformExpressCompanies).toHaveBeenCalledWith(1, 20, '', '')
|
|
})
|
|
|
|
it('does not request with edited filters until search is submitted', async () => {
|
|
const wrapper = await mountView()
|
|
await wrapper.find('input[placeholder="快递公司名称或编码"]').setValue('顺丰')
|
|
await flushPromises()
|
|
expect(listPlatformExpressCompanies).toHaveBeenCalledTimes(1)
|
|
|
|
const searchButton = wrapper.findAll('button').find((button) => button.text().trim() === '查询')
|
|
await searchButton?.trigger('click')
|
|
await flushPromises()
|
|
|
|
expect(listPlatformExpressCompanies).toHaveBeenLastCalledWith(1, 20, '顺丰', '')
|
|
})
|
|
|
|
it('opens the create form without selecting an enterprise', async () => {
|
|
const wrapper = await mountView()
|
|
const createButton = wrapper.findAll('button').find((button) => button.text().trim() === '新增快递公司')
|
|
await createButton?.trigger('click')
|
|
await flushPromises()
|
|
|
|
expect(document.body.textContent).toContain('新增快递公司')
|
|
expect(document.body.textContent).not.toContain('请先在筛选条件中选择所属企业')
|
|
})
|
|
})
|