hermes-web-ui/tests/client/chat-view-tab-title.test.ts

// @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()),
}))

vi.mock('@/api/hermes/sessions', () => ({
  archiveSession: vi.fn(),
  fetchSessions: vi.fn(),
  fetchSessionMessagesPage: vi.fn(),
  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()
  })
})