Initial commit: bositao web (jnpf-web-monorepo-framework-v6.1)

刘光辉

5 小时以前 cf11e63b659afcc9792ab3e395f1b45d844431a8

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
/* @vitest-environment happy-dom */
 
import { flushPromises, mount } from '@vue/test-utils';
 
import { beforeEach, describe, expect, it, vi } from 'vitest';
 
import CreateFolderModal from '../CreateFolderModal.vue';
import RenameFolderModal from '../RenameFolderModal.vue';
 
const mocks = vi.hoisted(() => ({ create: vi.fn(), error: vi.fn(), rename: vi.fn(), sign: vi.fn(), validate: vi.fn(), init: undefined as any }));
vi.mock('#/api/x/dms/permission', () => ({ createDmsFolder: mocks.create, renameDmsFolder: mocks.rename }));
vi.mock('#/utils/jnpf', () => ({ onlineUtils: { sign: mocks.sign } }));
vi.mock('@jnpf/hooks', () => ({ useMessage: () => ({ createMessage: { error: mocks.error } }) }));
vi.mock('@jnpf/ui/form', async () => {
  const { defineComponent, h } = await import('vue');
  return {
    BasicForm: defineComponent({ name: 'BasicForm', emits: ['submit'], setup: () => () => h('div') }),
    useForm: () => [vi.fn(), { resetFields: vi.fn(), setFieldsValue: vi.fn(), validate: mocks.validate }],
  };
});
vi.mock('@jnpf/ui/modal', async () => {
  const { defineComponent, h } = await import('vue');
  return {
    BasicModal: defineComponent({
      name: 'BasicModal',
      emits: ['ok'],
      setup:
        (_, { slots }) =>
        () =>
          h('section', slots.default?.()),
    }),
    useModalInner: (init: any) => {
      mocks.init = init;
      return [vi.fn(), { changeOkLoading: vi.fn(), closeModal: vi.fn() }];
    },
  };
});
const folder = { id: 'parent-1', name: '父目录', resourceType: 'FOLDER', revision: 3 };
 
describe.each([
  ['create', CreateFolderModal],
  ['rename', RenameFolderModal],
] as const)('%s folder submission', (operation, component) => {
  beforeEach(() => {
    vi.clearAllMocks();
    mocks.validate.mockResolvedValue({ name: '  新目录  ' });
    mocks.create.mockResolvedValue({ data: { ...folder, name: '新目录' } });
    mocks.rename.mockResolvedValue({ data: { ...folder, name: '新目录' } });
  });
 
  it.each(['ok', 'submit'])('validates the current name for %s before signing and saving', async (event) => {
    const wrapper = mount(component, { global: { stubs: { 'a-alert': true } } });
    await mocks.init({ parent: folder, folder });
    if (event === 'ok') {
      // BasicModal forwards the footer click Event, not form values.
      wrapper.findComponent({ name: 'BasicModal' }).vm.$emit('ok', new MouseEvent('click'));
    } else {
      wrapper.findComponent({ name: 'BasicForm' }).vm.$emit('submit', { name: '新目录' });
    }
    await flushPromises();
    expect(mocks.validate).toHaveBeenCalledOnce();
    const signed = mocks.sign.mock.calls[0]![0];
    expect(signed.metaData.biz_title).toBe('新目录');
    await signed.onSubmit({ biz_sign: 'signature' });
    if (operation === 'create') {
      expect(mocks.create).toHaveBeenCalledWith(expect.objectContaining({ name: '新目录', parentId: folder.id }), 'signature');
    } else {
      expect(mocks.rename).toHaveBeenCalledWith(folder.id, { name: '新目录', revision: 3 }, 'signature');
    }
    wrapper.unmount();
  });
 
  it('does not sign or save when validation returns no values', async () => {
    mocks.validate.mockResolvedValueOnce(undefined);
    const wrapper = mount(component, { global: { stubs: { 'a-alert': true } } });
    await mocks.init({ parent: folder, folder });
    wrapper.findComponent({ name: 'BasicModal' }).vm.$emit('ok', new MouseEvent('click'));
    await flushPromises();
    expect(mocks.sign).not.toHaveBeenCalled();
    expect(mocks.create).not.toHaveBeenCalled();
    expect(mocks.rename).not.toHaveBeenCalled();
    wrapper.unmount();
  });
});
 
it('creates successive folders under the same parent with their own names and source IDs', async () => {
  vi.clearAllMocks();
  const wrapper = mount(CreateFolderModal, { global: { stubs: { 'a-alert': true } } });
  for (const name of ['A1113', 'A1114']) {
    await mocks.init({ parent: folder });
    mocks.validate.mockResolvedValueOnce({ name });
    wrapper.findComponent({ name: 'BasicModal' }).vm.$emit('ok', new MouseEvent('click'));
    await flushPromises();
    const signed = mocks.sign.mock.calls.at(-1)![0];
    await signed.onSubmit({ biz_sign: 'signature' });
  }
  expect(mocks.create.mock.calls.map(([data]) => data.name)).toEqual(['A1113', 'A1114']);
  expect(mocks.create.mock.calls.map(([data]) => data.parentId)).toEqual([folder.id, folder.id]);
  expect(mocks.create.mock.calls[0]![0].sourceId).not.toBe(mocks.create.mock.calls[1]![0].sourceId);
  wrapper.unmount();
});
 
it.each([
  [new Error('同级目录名称已存在'), '同级目录名称已存在'],
  [new Error('无权在此目录下创建子目录'), '无权在此目录下创建子目录'],
  [new Error(''), '目录创建失败，请稍后重试'],
])('shows the actual creation failure reason: %s', async (error, expectedMessage) => {
  vi.clearAllMocks();
  mocks.validate.mockResolvedValueOnce({ name: '新目录' });
  mocks.create.mockRejectedValueOnce(error);
  const wrapper = mount(CreateFolderModal, { global: { stubs: { 'a-alert': true } } });
  await mocks.init({ parent: folder });
  wrapper.findComponent({ name: 'BasicModal' }).vm.$emit('ok', new MouseEvent('click'));
  await flushPromises();
  await mocks.sign.mock.calls[0]![0].onSubmit({ biz_sign: 'signature' });
  expect(mocks.error).toHaveBeenCalledExactlyOnceWith(expectedMessage);
  expect(wrapper.emitted('created')).toBeUndefined();
  wrapper.unmount();
});