toor
836d0228d2
The project now has exactly one UI library. Every naive-ui component in
packages/client/src is replaced by its Arco equivalent across 24 views and
roughly 80 components, and naive-ui is dropped from package.json along with
its transitive vueuc / @css-render / vdirs / seemly dependencies.
The migration is rendering-layer only. No store logic, no API contract, and
no /chat-run payload was touched.
Three classes of leftover were invisible to `grep naive-ui` and are now
covered by tests/client/no-naive-ui.test.ts, which asserts all three:
- dead .n-* class names in style blocks
- dead --n-* custom properties
- naive-ui in package.json
Notable behavioural traps handled along the way, recorded in
docs/arco-migration-rules.md:
- a-input-password defaults to masked; passing default-visibility="false"
would have exposed API keys in clear text
- a-upload fires a real XHR unless auto-upload is false
- nested Trigger components fight over the first element child, so the
group-chat settings dropdown was flattened
- Arco renders tooltip default-slot text inline, which was silently
collapsing the chat and group-chat toolbars
80 lines
2.1 KiB
TypeScript
80 lines
2.1 KiB
TypeScript
// @vitest-environment jsdom
|
|
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { mount } from '@vue/test-utils'
|
|
import { createPinia, setActivePinia } from 'pinia'
|
|
import ArcoVue from '@arco-design/web-vue'
|
|
import FileList from '@/components/hermes/files/FileList.vue'
|
|
import FileTree from '@/components/hermes/files/FileTree.vue'
|
|
import { useFilesStore } from '@/stores/hermes/files'
|
|
import { listFiles } from '@/api/hermes/files'
|
|
|
|
vi.mock('vue-i18n', () => ({
|
|
useI18n: () => ({ t: (key: string) => key }),
|
|
}))
|
|
|
|
vi.mock('@/api/hermes/files', () => ({
|
|
listFiles: vi.fn(),
|
|
}))
|
|
|
|
vi.mock('@/api/hermes/download', () => ({
|
|
downloadFile: vi.fn(),
|
|
}))
|
|
|
|
function mountFileList() {
|
|
return mount(FileList, {
|
|
global: {
|
|
plugins: [ArcoVue],
|
|
},
|
|
})
|
|
}
|
|
|
|
describe('workspace long names', () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks()
|
|
setActivePinia(createPinia())
|
|
})
|
|
|
|
it('exposes full file names as hover titles in the file list', () => {
|
|
const store = useFilesStore()
|
|
const longName = 'very-long-generated-report-name-that-would-be-truncated-in-the-workspace-list.md'
|
|
store.entries = [{
|
|
name: longName,
|
|
path: longName,
|
|
isDir: false,
|
|
size: 123,
|
|
modTime: '2026-06-16T00:00:00Z',
|
|
}]
|
|
|
|
const wrapper = mountFileList()
|
|
|
|
expect(wrapper.find('.file-label').text()).toBe(longName)
|
|
expect(wrapper.find('.file-label').attributes('title')).toBe(longName)
|
|
})
|
|
|
|
it('exposes full folder names as hover titles in the workspace tree', async () => {
|
|
const longName = 'very-long-folder-name-that-needs-a-hover-title'
|
|
vi.mocked(listFiles).mockResolvedValue({
|
|
path: '',
|
|
entries: [{
|
|
name: longName,
|
|
path: longName,
|
|
isDir: true,
|
|
size: 0,
|
|
modTime: '2026-06-16T00:00:00Z',
|
|
}],
|
|
} as any)
|
|
|
|
const wrapper = mount(FileTree, {
|
|
global: {
|
|
plugins: [ArcoVue],
|
|
},
|
|
})
|
|
await vi.waitFor(() => {
|
|
expect(wrapper.find('.tree-node-label').exists()).toBe(true)
|
|
})
|
|
|
|
expect(wrapper.find('.tree-node-label').text()).toBe(longName)
|
|
expect(wrapper.find('.tree-node-label').attributes('title')).toBe(longName)
|
|
})
|
|
})
|