import { flushPromises, mount } from '@vue/test-utils';
|
import { reactive, ref } from 'vue';
|
|
import { afterEach, beforeEach, expect, it, vi } from 'vitest';
|
|
import { isInputTableInteractiveTarget } from '../../InputTable/src/helpers/rowSelection';
|
import UploadFile from './UploadFile.vue';
|
|
const mocks = vi.hoisted(() => ({
|
preview: vi.fn(),
|
nativePreview: vi.fn(),
|
documentServer: 'http://office',
|
download: vi.fn(),
|
legacy: vi.fn(),
|
pack: vi.fn(),
|
open: vi.fn(),
|
image: vi.fn(),
|
save: vi.fn(),
|
warning: vi.fn(),
|
replace: vi.fn(),
|
context: {} as any,
|
}));
|
vi.mock('@jnpf/hooks', () => ({ useGlobSetting: () => ({ apiURL: '/dev' }) }));
|
vi.mock('@jnpf/ui', () => ({ createImgPreview: mocks.image }));
|
vi.mock('@jnpf/utils', () => ({ downloadByUrl: mocks.save, toFileSize: () => '' }));
|
vi.mock('@vben/stores', () => ({ useUserStore: () => ({ getUserInfo: {} }) }));
|
vi.mock('ant-design-vue', () => ({
|
Form: { useInjectFormItemContext: () => ({ onFieldChange: vi.fn() }) },
|
message: { warning: mocks.warning, error: vi.fn() },
|
}));
|
vi.mock('#/api/onlineDev/uploadTemplate', () => ({ selectUploadTemplate: vi.fn() }));
|
vi.mock('#/api/core/common', () => ({ getDownloadUrl: mocks.legacy, getPackDownloadUrl: mocks.pack }));
|
vi.mock('#/api/onlineDev/workflowFile', () => ({ getWorkflowPreview: mocks.preview, getWorkflowDownload: mocks.download }));
|
vi.mock('#/components/OnlyOfficeEditor/src/loadDocsApi', () => ({ getDocumentServerUrl: () => mocks.documentServer }));
|
vi.mock('#/locales', () => ({ $t: (key: string) => key }));
|
vi.mock('#/utils/jnpf', () => ({ onlineUtils: { openOfficeDocument: mocks.open } }));
|
vi.mock('./Preview.vue', () => ({ default: { template: '<div />', setup: (_: any, { expose }: any) => expose({ init: mocks.nativePreview }) } }));
|
vi.mock('./SimpleUploader/FileUploader.vue', () => ({ default: { template: '<div />' } }));
|
vi.mock('./useUploadOnlineEdit', () => ({
|
useUploadOnlineEdit: () => ({
|
blocked: ref(false),
|
failure: ref(''),
|
canDiscard: ref(false),
|
canEdit: () => false,
|
replace: mocks.replace,
|
previewEnabled: ref(true),
|
templateFeatureEnabled: ref(false),
|
accessContext: () => ({ ...mocks.context }),
|
formalFile: (file: any) => file,
|
}),
|
}));
|
const file = { fileId: 'A', name: 'a.docx', fileExtension: 'docx', fileSize: 1, url: '/raw/A', thumbUrl: '' };
|
const wrappers: ReturnType<typeof mount>[] = [];
|
function setup(controlled = true) {
|
const wrapper = mount(UploadFile, {
|
props: {
|
detailed: true,
|
value: [file],
|
showAllDownload: false,
|
...(controlled ? { fileAccess: { status: 'ready' as const, actions: { VIEW: true, DOWNLOAD: true } } } : {}),
|
},
|
global: { stubs: { AButton: true }, mocks: { $t: (key: string) => key } },
|
});
|
wrappers.push(wrapper);
|
return wrapper;
|
}
|
const viewSelector = '[title="component.upload.view"]';
|
const downloadSelector = '[title="component.upload.download"]';
|
beforeEach(() => {
|
vi.clearAllMocks();
|
mocks.documentServer = 'http://office';
|
mocks.context = reactive({ modelId: 'form', recordId: 'record', taskId: 'task', field: 'files' });
|
mocks.preview.mockResolvedValue({ data: { kind: 'office', ticket: 'ticket', fileName: 'a.docx', file } });
|
mocks.download.mockResolvedValue({ data: { downloadVo: { url: '/native-download' }, downloadName: 'a.docx' } });
|
mocks.legacy.mockResolvedValue({ data: { url: '/old-download' } });
|
});
|
afterEach(() => wrappers.splice(0).forEach((w) => w.unmount()));
|
it('uses workflow context for preview even with onlineEdit disabled', async () => {
|
await setup().get(viewSelector).trigger('click');
|
await flushPromises();
|
expect(mocks.preview).toHaveBeenCalledWith(expect.objectContaining({ recordId: 'record', field: 'files', fileId: 'A' }), 'office');
|
expect(mocks.open).toHaveBeenCalledWith(expect.objectContaining({ bizScene: 'workflow.uploadPreview', file: expect.objectContaining({ fileId: 'ticket' }) }));
|
});
|
it('shows comments only when the workflow explicitly enables review', async () => {
|
const wrapper = setup();
|
await wrapper.setProps({ fileAccess: { status: 'ready', reviewEnabled: true, actions: { VIEW: true, REVIEW: false } } });
|
await wrapper.get(viewSelector).trigger('click');
|
await flushPromises();
|
expect(mocks.open).toHaveBeenCalledWith(expect.objectContaining({ mode: 'viewComments' }));
|
mocks.open.mockClear();
|
await wrapper.setProps({ fileAccess: { status: 'ready', actions: { VIEW: true } } });
|
await wrapper.get(viewSelector).trigger('click');
|
await flushPromises();
|
expect(mocks.open).toHaveBeenCalledWith(expect.objectContaining({ mode: 'view' }));
|
});
|
it.each(['0f857eea0b07410f99ea35dc816cf5d2', '2312c264f497ddbd86b04bb1805620c3'])(
|
'shows audit document comments without granting review for %s',
|
async (modelId) => {
|
mocks.context = reactive({ modelId, recordId: 'record', taskId: 'task', field: 'wenjian' });
|
const wrapper = setup();
|
await wrapper.setProps({ fileAccess: { status: 'ready', reviewEnabled: false, actions: { VIEW: true, REVIEW: false, EDIT: false } } });
|
await wrapper.get(viewSelector).trigger('click');
|
await flushPromises();
|
expect(mocks.open).toHaveBeenCalledWith(expect.objectContaining({ mode: 'viewComments', bizScene: 'workflow.uploadPreview' }));
|
mocks.open.mockClear();
|
mocks.preview.mockResolvedValue({ data: { kind: 'office', ticket: 'ticket', fileName: 'a.xlsx', file } });
|
await wrapper.get(viewSelector).trigger('click');
|
await flushPromises();
|
expect(mocks.open).toHaveBeenCalledWith(expect.objectContaining({ mode: 'view' }));
|
},
|
);
|
it('keeps legacy preview and download on their existing paths', async () => {
|
const wrapper = setup(false);
|
await wrapper.get(viewSelector).trigger('click');
|
await wrapper.get(downloadSelector).trigger('click');
|
await flushPromises();
|
expect(mocks.preview).not.toHaveBeenCalled();
|
expect(mocks.download).not.toHaveBeenCalled();
|
expect(mocks.legacy).toHaveBeenCalledWith('annex', 'A');
|
expect(mocks.open).toHaveBeenCalledWith({ file, fileType: 'annex', mode: 'view' });
|
});
|
it('does not fall back to a raw link when authorization fails', async () => {
|
mocks.preview.mockRejectedValue(new Error('denied'));
|
mocks.download.mockRejectedValue(new Error('denied'));
|
const wrapper = setup();
|
await wrapper.get(viewSelector).trigger('click');
|
await wrapper.get(downloadSelector).trigger('click');
|
await flushPromises();
|
expect(mocks.open).not.toHaveBeenCalled();
|
expect(mocks.legacy).not.toHaveBeenCalled();
|
expect(mocks.save).not.toHaveBeenCalled();
|
});
|
it('drops a preview response after switching records', async () => {
|
let done!: (value: any) => void;
|
mocks.preview.mockReturnValue(
|
new Promise((resolve) => {
|
done = resolve;
|
}),
|
);
|
await setup().get(viewSelector).trigger('click');
|
mocks.context.recordId = 'other';
|
done({ data: { kind: 'office', ticket: 'old', fileName: 'a.docx' } });
|
await flushPromises();
|
expect(mocks.open).not.toHaveBeenCalled();
|
});
|
it('drops a pending download after revocation', async () => {
|
let done!: (value: any) => void;
|
mocks.download.mockReturnValue(
|
new Promise((resolve) => {
|
done = resolve;
|
}),
|
);
|
const wrapper = setup();
|
await wrapper.get(downloadSelector).trigger('click');
|
await wrapper.setProps({ fileAccess: { status: 'ready', actions: { VIEW: true, DOWNLOAD: false } } });
|
done({ data: { downloadVo: { url: '/native-download' }, downloadName: 'a.docx' } });
|
await flushPromises();
|
expect(mocks.save).not.toHaveBeenCalled();
|
});
|
it('blocks unsaved child rows instead of omitting their context', async () => {
|
mocks.context.parentField = 'rows';
|
mocks.context.rowId = '';
|
await setup().get(viewSelector).trigger('click');
|
expect(mocks.warning).toHaveBeenCalled();
|
expect(mocks.preview).not.toHaveBeenCalled();
|
});
|
it('uses the original image address after backend authorization', async () => {
|
mocks.preview.mockResolvedValue({ data: { kind: 'image', url: '/api/file/Image/annex/A' } });
|
await setup().get(viewSelector).trigger('click');
|
await flushPromises();
|
expect(mocks.image).toHaveBeenCalledWith({ imageList: ['/dev/api/file/Image/annex/A'] });
|
});
|
|
it('uses the native download result without prefixing its URL again', async () => {
|
await setup().get(downloadSelector).trigger('click');
|
await flushPromises();
|
expect(mocks.save).toHaveBeenCalledWith({ fileName: 'a.docx', url: '/native-download' });
|
expect(mocks.legacy).not.toHaveBeenCalled();
|
});
|
it('delegates platform preview to the existing modal when OnlyOffice is not configured', async () => {
|
mocks.documentServer = '';
|
mocks.preview.mockResolvedValue({ data: { kind: 'platform', file, url: 'http://preview/native' } });
|
await setup().get(viewSelector).trigger('click');
|
await flushPromises();
|
expect(mocks.preview).toHaveBeenCalledWith(expect.objectContaining({ fileId: 'A' }), 'platform');
|
expect(mocks.nativePreview).toHaveBeenCalledWith(file, { url: 'http://preview/native', download: expect.any(Function) });
|
expect(mocks.open).not.toHaveBeenCalled();
|
mocks.nativePreview.mock.calls[0]![1].download();
|
await flushPromises();
|
expect(mocks.download).toHaveBeenCalled();
|
expect(mocks.legacy).not.toHaveBeenCalled();
|
});
|
|
it('keeps readonly child attachment preview interactive without enabling mutation or selecting the row', async () => {
|
mocks.context.parentField = 'rows';
|
mocks.context.rowId = 'row-1';
|
const wrapper = setup();
|
await wrapper.setProps({
|
disabled: true,
|
detailed: false,
|
fileAccess: { status: 'ready', actions: { VIEW: true, DOWNLOAD: false, EDIT: false, ADD: false, REMOVE: false, REPLACE: false } },
|
});
|
const preview = wrapper.get(viewSelector);
|
expect(isInputTableInteractiveTarget(preview.element)).toBe(true);
|
expect(wrapper.get('a-button-stub').attributes('disabled')).toBe('true');
|
expect(wrapper.findAll(downloadSelector)).toHaveLength(0);
|
expect(wrapper.find('[title="在线编辑"]').exists()).toBe(false);
|
// 即使人工触发不可用动作，也不能修改附件。
|
await wrapper.get('[title="component.upload.del"]').trigger('click');
|
expect(mocks.replace).not.toHaveBeenCalled();
|
await preview.trigger('click');
|
await flushPromises();
|
expect(mocks.preview).toHaveBeenCalledWith(expect.objectContaining({ parentField: 'rows', rowId: 'row-1', fileId: 'A' }), 'office');
|
expect(mocks.open).toHaveBeenCalledOnce();
|
await wrapper.setProps({ fileAccess: { status: 'ready', actions: { VIEW: false } } });
|
expect(wrapper.findAll(viewSelector)).toHaveLength(0);
|
});
|
|
it('does not change legacy disabled cell click-through behavior', async () => {
|
const wrapper = setup(false);
|
await wrapper.setProps({ disabled: true });
|
expect(isInputTableInteractiveTarget(wrapper.get(viewSelector).element)).toBe(false);
|
expect(wrapper.find('.workflow-file-action').exists()).toBe(false);
|
});
|
|
it('activates single and batch download when node permission is granted and removes both on revocation', async () => {
|
mocks.context.parentField = 'rows';
|
mocks.context.rowId = 'row-2';
|
const wrapper = setup();
|
await wrapper.setProps({ disabled: true, showAllDownload: true, fileAccess: { status: 'ready', actions: { VIEW: true, DOWNLOAD: false } } });
|
expect(wrapper.findAll(downloadSelector)).toHaveLength(0);
|
expect(wrapper.find('.link-text').exists()).toBe(false);
|
await wrapper.setProps({ fileAccess: { status: 'ready', actions: { VIEW: true, DOWNLOAD: true } } });
|
expect(isInputTableInteractiveTarget(wrapper.get(downloadSelector).element)).toBe(true);
|
expect(isInputTableInteractiveTarget(wrapper.get('.link-text').element)).toBe(true);
|
await wrapper.get(downloadSelector).trigger('click');
|
await flushPromises();
|
await wrapper.get('.link-text').trigger('click');
|
await flushPromises();
|
expect(mocks.download).toHaveBeenCalledTimes(2);
|
expect(mocks.download).toHaveBeenLastCalledWith([expect.objectContaining({ parentField: 'rows', rowId: 'row-2', fileId: 'A' })]);
|
expect(mocks.save).toHaveBeenCalledTimes(2);
|
await wrapper.setProps({ fileAccess: { status: 'ready', actions: { VIEW: true, DOWNLOAD: false } } });
|
expect(wrapper.findAll(downloadSelector)).toHaveLength(0);
|
expect(wrapper.find('.link-text').exists()).toBe(false);
|
});
|
