150 lines
4.7 KiB
TypeScript
150 lines
4.7 KiB
TypeScript
// @vitest-environment jsdom
|
|
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { flushPromises, mount } from '@vue/test-utils'
|
|
import { defineComponent } from 'vue'
|
|
import { createPinia, setActivePinia } from 'pinia'
|
|
import ArcoVue from '@arco-design/web-vue'
|
|
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('@/api/hermes/download', () => ({
|
|
downloadFile: downloadFileMock,
|
|
}))
|
|
|
|
vi.mock('@/utils/clipboard', () => ({
|
|
copyToClipboard: copyToClipboardMock,
|
|
}))
|
|
|
|
vi.mock('@/utils/file-path', () => ({
|
|
getClipboardPathForEntry: (entry: FileEntry) => entry.path,
|
|
}))
|
|
|
|
// Arco's imperative Message/Dialog APIs need a live DOM, so mock the adapters.
|
|
vi.mock('@/composables/useMessage', () => ({ useMessage: () => mockMessage }))
|
|
vi.mock('@/composables/useDialog', () => ({ useDialog: () => mockDialog }))
|
|
|
|
/**
|
|
* Arco's a-trigger teleports its popup to body in jsdom and a-doption is a
|
|
* popup-scoped component, so both are stubbed under Arco's *internal* component
|
|
* names — stubs key off those, not the `a-*` template tags, because Arco is
|
|
* registered globally via `app.use(ArcoVue)`.
|
|
*
|
|
* The stub renders the #content slot inline and lets clicks bubble from the
|
|
* option element, so a click behaves like the real Doption -> handleSelect path.
|
|
*/
|
|
const ATriggerStub = defineComponent({
|
|
name: 'Trigger',
|
|
props: ['popupVisible'],
|
|
template: '<div class="arco-trigger-stub"><slot /><slot name="content" /></div>',
|
|
})
|
|
|
|
const ADoptionStub = defineComponent({
|
|
name: 'Doption',
|
|
emits: ['click'],
|
|
template: '<div class="arco-doption-stub" @click="$emit(\'click\')"><slot /></div>',
|
|
})
|
|
|
|
const arcoGlobal = {
|
|
plugins: [ArcoVue],
|
|
stubs: { Trigger: ATriggerStub, Doption: ADoptionStub },
|
|
}
|
|
|
|
/** Menu item keys, read from the rendered popup rather than a stub attribute. */
|
|
function menuKeys(wrapper: ReturnType<typeof mount>): string[] {
|
|
return wrapper.findAll('.file-context-menu > *').map(node => node.text().trim())
|
|
}
|
|
|
|
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()
|
|
}
|
|
|
|
function menuItem(wrapper: ReturnType<typeof mount>, label: string) {
|
|
const item = wrapper.findAll('.file-context-menu > *').find(node => node.text().trim() === label)
|
|
if (!item) throw new Error(`menu item not found: ${label}`)
|
|
return item
|
|
}
|
|
|
|
it('offers both edit and preview for previewable text files', async () => {
|
|
const wrapper = mount(FileContextMenu, { global: arcoGlobal })
|
|
const entry: FileEntry = {
|
|
name: 'Dockerfile',
|
|
path: 'Dockerfile',
|
|
isDir: false,
|
|
size: 42,
|
|
modTime: '2026-06-02T00:00:00.000Z',
|
|
}
|
|
|
|
await showMenu(wrapper, entry)
|
|
|
|
const labels = menuKeys(wrapper)
|
|
expect(labels).toContain('files.edit')
|
|
expect(labels).toContain('files.preview')
|
|
expect(labels).toContain('files.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, { global: arcoGlobal })
|
|
const entry: FileEntry = {
|
|
name: 'README',
|
|
path: 'README',
|
|
isDir: false,
|
|
size: 12,
|
|
modTime: '2026-06-02T00:00:00.000Z',
|
|
}
|
|
|
|
await showMenu(wrapper, entry)
|
|
await menuItem(wrapper, 'files.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, { global: arcoGlobal })
|
|
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 labels = menuKeys(wrapper)
|
|
expect(labels).not.toContain('files.preview')
|
|
expect(labels).not.toContain('files.edit')
|
|
expect(labels).toContain('files.download')
|
|
})
|
|
})
|