初始化

刘光辉

13 小时以前 0dfe84494048ce27ba8449831782128412d3eb13

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
import { mount } from '@vue/test-utils';
import Antd, { Alert, Result, Spin, Tag } from 'ant-design-vue';
import { describe, expect, it } from 'vitest';
 
import OperationStatus from '../../src/components/OperationStatus.vue';
import type { OperationState, RuntimeStatus } from '../../src/stores/annotation';
 
function mountStatus(status: RuntimeStatus, operation: OperationState, extra: { fatalMessage?: string; sdkAvailable?: boolean } = {}) {
  return mount(OperationStatus, { props: { status, operation, ...extra }, global: { plugins: [Antd] } });
}
 
describe('OperationStatus', () => {
  it('initializing 显示 Spin 和加载状态', () => {
    const wrapper = mountStatus('initializing', { kind: 'idle', message: '' });
 
    expect(wrapper.findComponent(Spin).exists()).toBe(true);
    expect(wrapper.get('[data-test="runtime-message"]').text()).toBe('正在连接 ONLYOFFICE...');
    expect(wrapper.get('[data-test="connection-status"]').text()).toBe('加载中');
  });
 
  it('working 显示 Spin 和业务消息', () => {
    const wrapper = mountStatus('working', { kind: 'working', message: '正在定位字段...' });
 
    expect(wrapper.findComponent(Spin).exists()).toBe(true);
    expect(wrapper.get('[data-test="runtime-message"]').text()).toBe('正在定位字段...');
  });
 
  it('ready 使用绿色 Tag 显示已连接，idle 不渲染操作提示', () => {
    const wrapper = mountStatus('ready', { kind: 'idle', message: '' });
 
    expect(wrapper.findComponent(Tag).props('color')).toBe('success');
    expect(wrapper.get('[data-test="connection-status"]').text()).toBe('已连接');
    expect(wrapper.get('[data-test="plugin-version"]').text()).toBe('v0.1.0');
    expect(wrapper.find('[data-test="operation-message"]').exists()).toBe(false);
  });
 
  it('不持续显示自动刷新成功文案', () => {
    const wrapper = mountStatus('ready', { kind: 'success', message: '文档字段已刷新' });
 
    expect(wrapper.find('[data-test="operation-message"]').exists()).toBe(false);
  });
 
  it('保留用户主动操作的成功反馈', () => {
    const wrapper = mountStatus('ready', { kind: 'success', message: '字段已定位' });
 
    expect(wrapper.get('[data-test="operation-message"]').text()).toBe('字段已定位');
  });
 
  it('operation error 使用 error Alert', () => {
    const wrapper = mountStatus('error', { kind: 'error', message: '读取内容控件失败' });
 
    expect(wrapper.findComponent(Alert).props('type')).toBe('error');
    expect(wrapper.text()).toContain('读取内容控件失败');
  });
 
  it('SDK 缺失显示不可继续的 fatal 结果', () => {
    const wrapper = mountStatus('error', { kind: 'idle', message: '' }, { sdkAvailable: false });
 
    expect(wrapper.findComponent(Result).exists() || wrapper.findComponent(Alert).exists()).toBe(true);
    expect(wrapper.text()).toContain('ONLYOFFICE SDK 未加载，无法初始化插件');
  });
});