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.
103 lines
4.3 KiB
TypeScript
103 lines
4.3 KiB
TypeScript
// @vitest-environment jsdom
|
|
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { mount, flushPromises } from '@vue/test-utils'
|
|
|
|
const routeState = vi.hoisted(() => ({
|
|
query: {
|
|
profile: 'reviewer',
|
|
file: 'config.yaml',
|
|
} as Record<string, unknown>,
|
|
}))
|
|
|
|
const routerPush = vi.hoisted(() => vi.fn())
|
|
|
|
const mockFilesStore = vi.hoisted(() => ({
|
|
currentPath: '',
|
|
editingFile: null as null | Record<string, unknown>,
|
|
previewFile: null as null | Record<string, unknown>,
|
|
hasUnsavedChanges: false,
|
|
fetchEntries: vi.fn(async () => {}),
|
|
openEditor: vi.fn(async () => {}),
|
|
closeEditor: vi.fn(),
|
|
}))
|
|
|
|
const mockProfilesStore = vi.hoisted(() => ({
|
|
activeProfileName: null as string | null,
|
|
profiles: [] as Array<{ name: string }>,
|
|
fetchProfiles: vi.fn(async () => {}),
|
|
}))
|
|
|
|
vi.mock('vue-router', async (importOriginal) => {
|
|
const actual = await importOriginal<typeof import('vue-router')>()
|
|
return {
|
|
...actual,
|
|
useRoute: () => routeState,
|
|
useRouter: () => ({ push: routerPush }),
|
|
}
|
|
})
|
|
|
|
vi.mock('vue-i18n', () => ({
|
|
useI18n: () => ({ t: (key: string) => key }),
|
|
}))
|
|
|
|
vi.mock('naive-ui', () => ({
|
|
useDialog: () => ({ warning: vi.fn() }),
|
|
}))
|
|
|
|
vi.mock('@/stores/hermes/files', () => ({
|
|
useFilesStore: () => mockFilesStore,
|
|
}))
|
|
|
|
vi.mock('@/stores/hermes/profiles', () => ({
|
|
useProfilesStore: () => mockProfilesStore,
|
|
}))
|
|
|
|
vi.mock('@/components/hermes/files/FileTree.vue', () => ({ default: { name: 'FileTreeStub', props: ['profile'], template: '<div class="FileTree-stub" />' } }))
|
|
vi.mock('@/components/hermes/files/FileBreadcrumb.vue', () => ({ default: { name: 'FileBreadcrumbStub', template: '<div class="FileBreadcrumb-stub" />' } }))
|
|
vi.mock('@/components/hermes/files/FileToolbar.vue', () => ({ default: { name: 'FileToolbarStub', template: '<div class="FileToolbar-stub" />' } }))
|
|
vi.mock('@/components/hermes/files/FileList.vue', () => ({ default: { name: 'FileListStub', template: '<div class="FileList-stub" />' } }))
|
|
vi.mock('@/components/hermes/files/FileContextMenu.vue', () => ({ default: { name: 'FileContextMenuStub', template: '<div class="FileContextMenu-stub" />' } }))
|
|
vi.mock('@/components/hermes/files/FileEditor.vue', () => ({ default: { name: 'FileEditorStub', props: ['customClose'], template: '<button class="FileEditor-stub" type="button" @click="customClose?.()" />' } }))
|
|
vi.mock('@/components/hermes/files/FilePreview.vue', () => ({ default: { name: 'FilePreviewStub', template: '<div class="FilePreview-stub" />' } }))
|
|
vi.mock('@/components/hermes/files/FileUploadModal.vue', () => ({ default: { name: 'FileUploadModalStub', template: '<div class="FileUploadModal-stub" />' } }))
|
|
vi.mock('@/components/hermes/files/FileRenameModal.vue', () => ({ default: { name: 'FileRenameModalStub', template: '<div class="FileRenameModal-stub" />' } }))
|
|
|
|
import FilesView from '@/views/hermes/FilesView.vue'
|
|
|
|
describe('FilesView scoped config route handling', () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks()
|
|
routeState.query = { profile: 'reviewer', file: 'config.yaml' }
|
|
mockProfilesStore.activeProfileName = null
|
|
mockProfilesStore.profiles = []
|
|
mockFilesStore.currentPath = ''
|
|
mockFilesStore.editingFile = null
|
|
mockFilesStore.previewFile = null
|
|
mockFilesStore.hasUnsavedChanges = false
|
|
})
|
|
|
|
it('opens config.yaml in a focused profile config editor', async () => {
|
|
const wrapper = mount(FilesView)
|
|
await flushPromises()
|
|
|
|
expect(mockProfilesStore.fetchProfiles).toHaveBeenCalledOnce()
|
|
expect(mockFilesStore.fetchEntries).not.toHaveBeenCalled()
|
|
expect(mockFilesStore.openEditor).toHaveBeenCalledWith('config.yaml', { profile: 'reviewer' })
|
|
expect(wrapper.find('.files-tree-panel').exists()).toBe(false)
|
|
expect(wrapper.find('.FileList-stub').exists()).toBe(false)
|
|
expect(wrapper.find('.profile-config-editor-header').exists()).toBe(true)
|
|
expect(wrapper.find('.profile-config-close').exists()).toBe(false)
|
|
})
|
|
|
|
it('wires the editor close action back to profiles', async () => {
|
|
mockFilesStore.editingFile = { path: 'config.yaml' }
|
|
const wrapper = mount(FilesView)
|
|
await flushPromises()
|
|
|
|
await wrapper.get('.FileEditor-stub').trigger('click')
|
|
|
|
expect(mockFilesStore.closeEditor).toHaveBeenCalledOnce()
|
|
expect(routerPush).toHaveBeenCalledWith({ name: 'hermes.profiles' })
|
|
})
|
|
})
|