toor
1e9ea89d86
Import the client, server, skills, tests, and build scripts as the starting point for the rebuild, then trim the surfaces this project does not ship: Electron desktop packaging, the marketing website, and the ESP32 firmware tree. CI keeps the web build, e2e, lockfile, release, and Docker workflows. Rename the package and CLI entry points to hermes-ui, drop the prepare hook so npm ci no longer triggers a build, and drop the removed tsconfig and nodemon references. Rewrite AGENTS.md, ARCHITECTURE.md, DEVELOPMENT.md, and the READMEs so the documented package map and hard rules match this repository. reference_code/ is ignored: it is a read-only snapshot, not an input to the build.
137 lines
3.8 KiB
TypeScript
137 lines
3.8 KiB
TypeScript
// @vitest-environment jsdom
|
|
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { flushPromises, mount } from '@vue/test-utils'
|
|
import { createPinia, setActivePinia } from 'pinia'
|
|
import type { FileEntry } from '@/api/hermes/files'
|
|
|
|
const mockMessage = vi.hoisted(() => ({
|
|
error: vi.fn(),
|
|
success: vi.fn(),
|
|
}))
|
|
|
|
const mockDialog = vi.hoisted(() => ({
|
|
warning: vi.fn(),
|
|
}))
|
|
|
|
const downloadFileMock = vi.hoisted(() => vi.fn())
|
|
const copyToClipboardMock = vi.hoisted(() => vi.fn())
|
|
|
|
vi.mock('vue-i18n', () => ({
|
|
useI18n: () => ({
|
|
t: (key: string) => key,
|
|
}),
|
|
}))
|
|
|
|
vi.mock('naive-ui', async () => {
|
|
const { defineComponent, h } = await import('vue')
|
|
|
|
return {
|
|
NDropdown: defineComponent({
|
|
name: 'NDropdown',
|
|
props: {
|
|
show: { type: Boolean, default: false },
|
|
options: { type: Array, default: () => [] },
|
|
},
|
|
emits: ['select', 'clickoutside'],
|
|
setup(props, { emit }) {
|
|
return () => h('div', { 'data-show': props.show ? 'true' : 'false' },
|
|
(props.options as Array<any>).map(option => h(
|
|
'button',
|
|
{
|
|
type: 'button',
|
|
'data-key': option.key,
|
|
onClick: () => emit('select', option.key),
|
|
},
|
|
option.label ?? option.type ?? option.key,
|
|
)),
|
|
)
|
|
},
|
|
}),
|
|
useMessage: () => mockMessage,
|
|
useDialog: () => mockDialog,
|
|
}
|
|
})
|
|
|
|
vi.mock('@/api/hermes/download', () => ({
|
|
downloadFile: downloadFileMock,
|
|
}))
|
|
|
|
vi.mock('@/utils/clipboard', () => ({
|
|
copyToClipboard: copyToClipboardMock,
|
|
}))
|
|
|
|
vi.mock('@/utils/file-path', () => ({
|
|
getClipboardPathForEntry: (entry: FileEntry) => entry.path,
|
|
}))
|
|
|
|
import FileContextMenu from '@/components/hermes/files/FileContextMenu.vue'
|
|
import { useFilesStore } from '@/stores/hermes/files'
|
|
|
|
describe('FileContextMenu', () => {
|
|
beforeEach(() => {
|
|
setActivePinia(createPinia())
|
|
vi.clearAllMocks()
|
|
})
|
|
|
|
async function showMenu(wrapper: ReturnType<typeof mount>, entry: FileEntry) {
|
|
;(wrapper.vm as any).show(new MouseEvent('contextmenu', { clientX: 12, clientY: 34 }), entry)
|
|
await flushPromises()
|
|
}
|
|
|
|
it('offers both edit and preview for previewable text files', async () => {
|
|
const wrapper = mount(FileContextMenu)
|
|
const entry: FileEntry = {
|
|
name: 'Dockerfile',
|
|
path: 'Dockerfile',
|
|
isDir: false,
|
|
size: 42,
|
|
modTime: '2026-06-02T00:00:00.000Z',
|
|
}
|
|
|
|
await showMenu(wrapper, entry)
|
|
|
|
const keys = wrapper.findAll('[data-key]').map(node => node.attributes('data-key'))
|
|
expect(keys).toContain('edit')
|
|
expect(keys).toContain('preview')
|
|
expect(keys).toContain('download')
|
|
})
|
|
|
|
it('invokes the store preview action from the preview menu item', async () => {
|
|
const store = useFilesStore()
|
|
const openPreviewSpy = vi.spyOn(store, 'openPreview').mockResolvedValue(undefined)
|
|
const wrapper = mount(FileContextMenu)
|
|
const entry: FileEntry = {
|
|
name: 'README',
|
|
path: 'README',
|
|
isDir: false,
|
|
size: 12,
|
|
modTime: '2026-06-02T00:00:00.000Z',
|
|
}
|
|
|
|
await showMenu(wrapper, entry)
|
|
await wrapper.get('[data-key="preview"]').trigger('click')
|
|
await flushPromises()
|
|
|
|
expect(openPreviewSpy).toHaveBeenCalledWith(entry)
|
|
expect(mockMessage.error).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('does not offer preview for non-previewable binary files', async () => {
|
|
const wrapper = mount(FileContextMenu)
|
|
const entry: FileEntry = {
|
|
name: 'archive.zip',
|
|
path: 'archive.zip',
|
|
isDir: false,
|
|
size: 128,
|
|
modTime: '2026-06-02T00:00:00.000Z',
|
|
}
|
|
|
|
await showMenu(wrapper, entry)
|
|
|
|
const keys = wrapper.findAll('[data-key]').map(node => node.attributes('data-key'))
|
|
expect(keys).not.toContain('preview')
|
|
expect(keys).not.toContain('edit')
|
|
expect(keys).toContain('download')
|
|
})
|
|
})
|