import { describe, it, expect, vi, beforeEach } from 'vitest' import { setActivePinia, createPinia } from 'pinia' import { useForm } from '@/composables/useForm' import { useAppStore } from '@/stores/app' // Mock API 依赖(app store 内部引用了这些) vi.mock('@/api/admin/system', () => ({ checkUpdates: vi.fn(), })) vi.mock('@/api/auth', () => ({ getPublicSettings: vi.fn(), })) describe('useForm', () => { let appStore: ReturnType beforeEach(() => { setActivePinia(createPinia()) appStore = useAppStore() vi.clearAllMocks() }) it('submit 期间 loading 为 true,完成后为 false', async () => { let resolveSubmit: () => void const submitFn = vi.fn( () => new Promise((resolve) => { resolveSubmit = resolve }) ) const { loading, submit } = useForm({ form: { name: 'test' }, submitFn, }) expect(loading.value).toBe(false) const submitPromise = submit() // 提交中 expect(loading.value).toBe(true) resolveSubmit!() await submitPromise expect(loading.value).toBe(false) }) it('submit 成功时显示成功消息', async () => { const submitFn = vi.fn().mockResolvedValue(undefined) const showSuccessSpy = vi.spyOn(appStore, 'showSuccess') const { submit } = useForm({ form: { name: 'test' }, submitFn, successMsg: '保存成功', }) await submit() expect(showSuccessSpy).toHaveBeenCalledWith('保存成功') }) it('submit 成功但无 successMsg 时不调用 showSuccess', async () => { const submitFn = vi.fn().mockResolvedValue(undefined) const showSuccessSpy = vi.spyOn(appStore, 'showSuccess') const { submit } = useForm({ form: { name: 'test' }, submitFn, }) await submit() expect(showSuccessSpy).not.toHaveBeenCalled() }) it('submit 失败时显示错误消息并抛出错误', async () => { const error = Object.assign(new Error('提交失败'), { response: { data: { message: '服务器错误' } }, }) const submitFn = vi.fn().mockRejectedValue(error) const showErrorSpy = vi.spyOn(appStore, 'showError') const { submit, loading } = useForm({ form: { name: 'test' }, submitFn, }) await expect(submit()).rejects.toThrow('提交失败') expect(showErrorSpy).toHaveBeenCalled() expect(loading.value).toBe(false) }) it('submit 失败时使用自定义 errorMsg', async () => { const submitFn = vi.fn().mockRejectedValue(new Error('network')) const showErrorSpy = vi.spyOn(appStore, 'showError') const { submit } = useForm({ form: { name: 'test' }, submitFn, errorMsg: '自定义错误提示', }) await expect(submit()).rejects.toThrow() expect(showErrorSpy).toHaveBeenCalledWith('自定义错误提示') }) it('loading 中不会重复提交', async () => { let resolveSubmit: () => void const submitFn = vi.fn( () => new Promise((resolve) => { resolveSubmit = resolve }) ) const { submit } = useForm({ form: { name: 'test' }, submitFn, }) // 第一次提交 const p1 = submit() // 第二次提交(应被忽略,因为 loading=true) submit() expect(submitFn).toHaveBeenCalledTimes(1) resolveSubmit!() await p1 }) it('传递 form 数据到 submitFn', async () => { const formData = { name: 'test', email: 'test@example.com' } const submitFn = vi.fn().mockResolvedValue(undefined) const { submit } = useForm({ form: formData, submitFn, }) await submit() expect(submitFn).toHaveBeenCalledWith(formData) }) })