import { config, flushPromises, mount } from '@vue/test-utils';
|
|
import { beforeEach, describe, expect, it, vi } from 'vitest';
|
|
import OnlyOfficeCompareEditor from '../OnlyOfficeCompareEditor.vue';
|
|
const mocks = vi.hoisted(() => ({ load: vi.fn(), destroy: vi.fn(), compare: vi.fn(), config: undefined as any }));
|
vi.mock('#/components/OnlyOfficeEditor/src/loadDocsApi', () => ({ loadDocsApi: mocks.load }));
|
|
const session = () => ({
|
config: { token: 'signed-config', editorConfig: { mode: 'view' }, document: { key: 'isolated-key', permissions: { edit: false, review: false } } },
|
expiresAt: Date.now() + 60_000,
|
title: 'v1 → v3',
|
});
|
|
beforeEach(() => {
|
config.global.stubs = { 'a-alert': true, 'a-spin': true };
|
vi.clearAllMocks();
|
mocks.load.mockResolvedValue(undefined);
|
(window as any).DocsAPI = {
|
// eslint-disable-next-line prefer-arrow-callback -- DocsAPI is invoked as a constructor.
|
DocEditor: vi.fn(function (_id: string, config: any) {
|
mocks.config = config;
|
return { destroyEditor: mocks.destroy, setRequestedDocument: mocks.compare };
|
}),
|
};
|
});
|
|
describe('isolated comparison editor', () => {
|
it('opens only the readonly result and destroys the session on close', async () => {
|
const data = session();
|
const wrapper = mount(OnlyOfficeCompareEditor, { props: { session: data } });
|
await flushPromises();
|
expect(mocks.compare).not.toHaveBeenCalled();
|
expect(mocks.config.token).toBe('signed-config');
|
mocks.config.events.onDocumentReady();
|
mocks.config.events.onDocumentReady();
|
expect(mocks.config.events.onRequestSelectDocument).toBeUndefined();
|
expect(mocks.config.editorConfig.mode).toBe('view');
|
expect(mocks.config.document.permissions).toEqual({ edit: false, review: false });
|
expect(mocks.compare).not.toHaveBeenCalled();
|
wrapper.unmount();
|
expect(mocks.destroy).toHaveBeenCalledOnce();
|
mocks.config.events.onDocumentReady();
|
expect(mocks.compare).not.toHaveBeenCalled();
|
});
|
it('does not open an expired result ticket', async () => {
|
const wrapper = mount(OnlyOfficeCompareEditor, { props: { session: { ...session(), expiresAt: 0 } } });
|
await flushPromises();
|
expect((window as any).DocsAPI.DocEditor).not.toHaveBeenCalled();
|
await flushPromises();
|
expect(wrapper.html()).toContain('比较会话已过期');
|
wrapper.unmount();
|
});
|
it('rejects old editable comparison configs instead of showing an editor', async () => {
|
const data = session();
|
data.config.editorConfig.mode = 'edit';
|
const wrapper = mount(OnlyOfficeCompareEditor, { props: { session: data } });
|
await flushPromises();
|
expect((window as any).DocsAPI.DocEditor).not.toHaveBeenCalled();
|
expect(wrapper.html()).toContain('比较窗口仅允许只读查看');
|
wrapper.unmount();
|
});
|
it('does not mount an editor after the user closes during API loading', async () => {
|
let release!: () => void;
|
mocks.load.mockReturnValue(
|
new Promise<void>((resolve) => {
|
release = resolve;
|
}),
|
);
|
const wrapper = mount(OnlyOfficeCompareEditor, { props: { session: session() } });
|
wrapper.unmount();
|
release();
|
await flushPromises();
|
expect((window as any).DocsAPI.DocEditor).not.toHaveBeenCalled();
|
});
|
});
|
