import { flushPromises, mount } from '@vue/test-utils';
|
|
import { beforeEach, describe, expect, it, vi } from 'vitest';
|
|
import VersionModal from '../VersionModal.vue';
|
|
const apiMocks = vi.hoisted(() => ({ createTemplateVersion: vi.fn() }));
|
const messageMocks = vi.hoisted(() => ({ error: vi.fn(), success: vi.fn() }));
|
const modalState = vi.hoisted(() => ({ close: vi.fn(), init: undefined as any, loading: vi.fn() }));
|
const formState = vi.hoisted(() => ({ reset: vi.fn(), set: vi.fn(), validate: vi.fn() }));
|
|
vi.mock('#/api/x/eln/templates', () => ({ createTemplateVersion: apiMocks.createTemplateVersion }));
|
vi.mock('@jnpf/hooks', () => ({ useMessage: () => ({ createMessage: messageMocks }) }));
|
vi.mock('@jnpf/ui/form', () => ({
|
BasicForm: { name: 'BasicForm', template: '<div />' },
|
useForm: () => [vi.fn(), { resetFields: formState.reset, setFieldsValue: formState.set, validate: formState.validate }],
|
}));
|
vi.mock('@jnpf/ui/modal', async () => {
|
const { defineComponent, h } = await import('vue');
|
return {
|
BasicModal: defineComponent({
|
name: 'BasicModal',
|
emits: ['ok'],
|
setup(_, { emit, slots }) {
|
return () => h('div', [slots.default?.(), h('button', { onClick: () => emit('ok') }, 'ok')]);
|
},
|
}),
|
useModalInner: (init: any) => {
|
modalState.init = init;
|
return [vi.fn(), { changeOkLoading: modalState.loading, closeModal: modalState.close }];
|
},
|
};
|
});
|
|
describe('eln template version modal', () => {
|
beforeEach(() => {
|
vi.clearAllMocks();
|
formState.validate.mockResolvedValue({ mubanBanben: 'R02', shengxiaoRiqi: '2026-08-20' });
|
apiMocks.createTemplateVersion.mockResolvedValue({ data: { id: 'template-2' } });
|
});
|
|
it('creates a draft version from the selected source with an operation code', async () => {
|
const wrapper = mount(VersionModal);
|
await modalState.init({ sourceTemplateId: 'template-1' });
|
await wrapper.find('button').trigger('click');
|
|
expect(formState.reset).toHaveBeenCalled();
|
expect(formState.set).not.toHaveBeenCalled();
|
expect(apiMocks.createTemplateVersion).toHaveBeenCalledWith(
|
'template-1',
|
expect.objectContaining({ mubanBanben: 'R02', shengbanCaozuoBianma: expect.stringMatching(/^template-version-/) }),
|
);
|
expect(modalState.close).toHaveBeenCalled();
|
});
|
|
it('renders a platform modal and form', () => {
|
const wrapper = mount(VersionModal);
|
expect(wrapper.findComponent({ name: 'BasicModal' }).exists()).toBe(true);
|
expect(wrapper.findComponent({ name: 'BasicForm' }).exists()).toBe(true);
|
});
|
|
it('keeps the modal open and handles create failures', async () => {
|
apiMocks.createTemplateVersion.mockRejectedValue(new Error('模板步骤复制失败'));
|
const wrapper = mount(VersionModal);
|
await modalState.init({ sourceTemplateId: 'template-1' });
|
|
await wrapper.find('button').trigger('click');
|
await flushPromises();
|
|
expect(messageMocks.error).toHaveBeenCalledWith('模板步骤复制失败');
|
expect(modalState.close).not.toHaveBeenCalled();
|
expect(modalState.loading).toHaveBeenLastCalledWith(false);
|
});
|
});
|
