91 lines
3.1 KiB
TypeScript
91 lines
3.1 KiB
TypeScript
import ElementPlus from 'element-plus'
|
|
import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
|
|
import { afterEach, describe, expect, it, vi } from 'vitest'
|
|
import BatchImportDialog, { type BatchImportResult } from './BatchImportDialog.vue'
|
|
|
|
class ResizeObserverStub implements ResizeObserver {
|
|
observe() {}
|
|
unobserve() {}
|
|
disconnect() {}
|
|
}
|
|
|
|
function button(label: string) {
|
|
return [...document.body.querySelectorAll('button')].find((item) => item.textContent?.trim() === label)
|
|
}
|
|
|
|
async function chooseFile(file: File) {
|
|
const input = document.body.querySelector<HTMLInputElement>('input[type="file"]')!
|
|
Object.defineProperty(input, 'files', { configurable: true, value: [file] })
|
|
input.dispatchEvent(new Event('change', { bubbles: true }))
|
|
await flushPromises()
|
|
}
|
|
|
|
enableAutoUnmount(afterEach)
|
|
|
|
describe('BatchImportDialog', () => {
|
|
afterEach(() => {
|
|
document.body.innerHTML = ''
|
|
vi.unstubAllGlobals()
|
|
})
|
|
|
|
it('uses the shared two-step flow and submits a validated XLSX file', async () => {
|
|
vi.stubGlobal('ResizeObserver', ResizeObserverStub)
|
|
const result: BatchImportResult = {
|
|
fileName: 'partners.xlsx', totalRows: 2, importedRows: 2, success: true, errors: [],
|
|
}
|
|
const importFile = vi.fn().mockResolvedValue(result)
|
|
const wrapper = mount(BatchImportDialog, {
|
|
attachTo: document.body,
|
|
props: {
|
|
modelValue: true,
|
|
title: '批量导入往来单位',
|
|
entityLabel: '往来单位',
|
|
templateFileName: '往来单位导入模板-v1.xlsx',
|
|
downloadTemplate: vi.fn(),
|
|
importFile,
|
|
},
|
|
global: { plugins: [ElementPlus] },
|
|
})
|
|
await flushPromises()
|
|
|
|
expect(document.body.textContent).toContain('下载标准模板')
|
|
expect(document.body.textContent).toContain('选择填写后的文件')
|
|
expect(button('开始导入')?.hasAttribute('disabled')).toBe(true)
|
|
|
|
const file = new File(['xlsx'], 'partners.xlsx', {
|
|
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
|
|
})
|
|
await chooseFile(file)
|
|
expect(button('开始导入')?.hasAttribute('disabled')).toBe(false)
|
|
button('开始导入')?.click()
|
|
await flushPromises()
|
|
|
|
expect(importFile).toHaveBeenCalledWith(file)
|
|
expect(wrapper.emitted('success')?.[0]).toEqual([result])
|
|
expect(document.body.textContent).toContain('导入完成：成功新增 2 条往来单位')
|
|
})
|
|
|
|
it('rejects files that do not use the XLSX template format', async () => {
|
|
vi.stubGlobal('ResizeObserver', ResizeObserverStub)
|
|
const importFile = vi.fn()
|
|
mount(BatchImportDialog, {
|
|
attachTo: document.body,
|
|
props: {
|
|
modelValue: true,
|
|
title: '批量导入快递公司',
|
|
entityLabel: '快递公司',
|
|
templateFileName: '快递公司批量导入模板-v1.xlsx',
|
|
downloadTemplate: vi.fn(),
|
|
importFile,
|
|
},
|
|
global: { plugins: [ElementPlus] },
|
|
})
|
|
await flushPromises()
|
|
|
|
await chooseFile(new File(['csv'], 'companies.csv', { type: 'text/csv' }))
|
|
|
|
expect(button('开始导入')?.hasAttribute('disabled')).toBe(true)
|
|
expect(importFile).not.toHaveBeenCalled()
|
|
})
|
|
})
|