Files
hermes-ui/tests/client/chat-view-tab-title.test.ts
T
toor 1e9ea89d86
Build / build (push) Canceled after 0s
NPM Lockfile Check / npm ci --ignore-scripts (push) Canceled after 0s
Playwright / e2e (push) Canceled after 0s
chore: bootstrap hermes-ui skeleton from 0.6.29 snapshot
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.
2026-10-16 10:34:35 +08:00

123 lines
3.5 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 { nextTick } from 'vue'
import ChatView from '@/views/hermes/ChatView.vue'
import { useAppStore } from '@/stores/hermes/app'
import { useChatStore, type Session } from '@/stores/hermes/chat'
import { useProfilesStore } from '@/stores/hermes/profiles'
import { useSettingsStore } from '@/stores/hermes/settings'
vi.mock('@/components/hermes/chat/ChatPanel.vue', () => ({
default: { template: '<div data-testid="chat-panel" />' },
}))
const mockRoute = {
name: 'hermes.session',
params: {},
query: {},
}
vi.mock('vue-router', () => ({
useRoute: () => mockRoute,
useRouter: () => ({ replace: vi.fn() }),
}))
vi.mock('@/api/hermes/chat', () => ({
startRunViaSocket: vi.fn(),
resumeSession: vi.fn(),
registerSessionHandlers: vi.fn(),
unregisterSessionHandlers: vi.fn(),
getChatRunSocket: vi.fn(() => ({ emit: vi.fn() })),
respondToolApproval: vi.fn(),
respondClarify: vi.fn(),
onPeerUserMessage: vi.fn(() => vi.fn()),
onSessionCommand: vi.fn(() => vi.fn()),
onSessionTitleUpdated: vi.fn(() => vi.fn()),
onSessionWorkspaceUpdated: vi.fn(() => vi.fn()),
}))
vi.mock('@/api/hermes/sessions', () => ({
archiveSession: vi.fn(),
fetchSessions: vi.fn(),
fetchSessionMessagesPage: vi.fn(),
fetchWorkspaceRunChangesForSession: vi.fn(async () => []),
fetchWorkspaceRunChangeFile: vi.fn(async () => null),
deleteSession: vi.fn(),
setSessionModel: vi.fn(),
}))
vi.mock('@/api/client', () => ({
getActiveProfileName: () => 'default',
}))
vi.mock('@/api/hermes/download', () => ({
getDownloadUrl: (_path: string, name: string) => `/download/${name}`,
}))
vi.mock('@/utils/completion-sound', () => ({
primeCompletionSound: vi.fn(),
playCompletionSound: vi.fn(),
}))
vi.mock('@/utils/session-sync', () => ({
subscribeSessionSync: vi.fn(() => vi.fn()),
publishSessionSync: vi.fn(),
}))
function makeSession(title: string): Session {
return {
id: 'session-1',
profile: 'default',
title,
messages: [],
createdAt: Date.now(),
updatedAt: Date.now(),
}
}
describe('ChatView tab title', () => {
beforeEach(() => {
vi.clearAllMocks()
document.title = 'Hermes Studio'
setActivePinia(createPinia())
const appStore = useAppStore()
const profilesStore = useProfilesStore()
const settingsStore = useSettingsStore()
const chatStore = useChatStore()
vi.spyOn(appStore, 'loadModels').mockImplementation(() => undefined)
vi.spyOn(profilesStore, 'fetchProfiles').mockResolvedValue()
vi.spyOn(settingsStore, 'fetchSettings').mockResolvedValue(undefined as any)
vi.spyOn(chatStore, 'loadSessions').mockResolvedValue()
})
it('reflects the active session title in the browser tab', async () => {
const chatStore = useChatStore()
chatStore.activeSession = makeSession('Research Plan')
const wrapper = mount(ChatView)
expect(document.title).toBe('Research Plan')
chatStore.activeSession = makeSession('Implementation Notes')
await nextTick()
expect(document.title).toBe('Implementation Notes')
wrapper.unmount()
expect(document.title).toBe('Hermes Studio')
})
it('falls back to the product title when the session title is blank', () => {
const chatStore = useChatStore()
chatStore.activeSession = makeSession(' ')
const wrapper = mount(ChatView)
expect(document.title).toBe('Hermes Studio')
wrapper.unmount()
})
})