chore: migrate tests from tests-ui/ to colocate with source files (#7811)

## Summary

Migrates all unit tests from `tests-ui/` to colocate with their source
files in `src/`, improving discoverability and maintainability.

## Changes

- **What**: Relocated all unit tests to be adjacent to the code they
test, following the `<source>.test.ts` naming convention
- **Config**: Updated `vitest.config.ts` to remove `tests-ui` include
pattern and `@tests-ui` alias
- **Docs**: Moved testing documentation to `docs/testing/` with updated
paths and patterns

## Review Focus

- Migration patterns documented in
`temp/plans/migrate-tests-ui-to-src.md`
- Tests use `@/` path aliases instead of relative imports
- Shared fixtures placed in `__fixtures__/` directories

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7811-chore-migrate-tests-from-tests-ui-to-colocate-with-source-files-2da6d73d36508147a4cce85365dee614)
by [Unito](https://www.unito.io)

---------

Co-authored-by: Amp <amp@ampcode.com>
Co-authored-by: GitHub Action <action@github.com>

src/composables/useBrowserTabTitle.test.ts

@@ -0,0 +1,204 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { effectScope, nextTick, reactive } from 'vue'
+import type { EffectScope } from 'vue'
+
+import { useBrowserTabTitle } from '@/composables/useBrowserTabTitle'
+
+// Mock i18n module
+vi.mock('@/i18n', () => ({
+  t: (key: string, fallback: string) =>
+    key === 'g.nodesRunning' ? 'nodes running' : fallback
+}))
+
+// Mock the execution store
+const executionStore = reactive({
+  isIdle: true,
+  executionProgress: 0,
+  executingNode: null as any,
+  executingNodeProgress: 0,
+  nodeProgressStates: {} as any,
+  activePrompt: null as any
+})
+vi.mock('@/stores/executionStore', () => ({
+  useExecutionStore: () => executionStore
+}))
+
+// Mock the setting store
+const settingStore = reactive({
+  get: vi.fn(() => 'Enabled')
+})
+vi.mock('@/platform/settings/settingStore', () => ({
+  useSettingStore: () => settingStore
+}))
+
+// Mock the workflow store
+const workflowStore = reactive({
+  activeWorkflow: null as any
+})
+vi.mock('@/platform/workflow/management/stores/workflowStore', () => ({
+  useWorkflowStore: () => workflowStore
+}))
+
+// Mock the workspace store
+const workspaceStore = reactive({
+  shiftDown: false
+})
+vi.mock('@/stores/workspaceStore', () => ({
+  useWorkspaceStore: () => workspaceStore
+}))
+
+describe('useBrowserTabTitle', () => {
+  beforeEach(() => {
+    // reset execution store
+    executionStore.isIdle = true
+    executionStore.executionProgress = 0
+    executionStore.executingNode = null as any
+    executionStore.executingNodeProgress = 0
+    executionStore.nodeProgressStates = {}
+    executionStore.activePrompt = null
+
+    // reset setting and workflow stores
+    ;(settingStore.get as any).mockReturnValue('Enabled')
+    workflowStore.activeWorkflow = null
+    workspaceStore.shiftDown = false
+
+    // reset document title
+    document.title = ''
+  })
+
+  it('sets default title when idle and no workflow', () => {
+    const scope: EffectScope = effectScope()
+    scope.run(() => useBrowserTabTitle())
+    expect(document.title).toBe('ComfyUI')
+    scope.stop()
+  })
+
+  it('sets workflow name as title when workflow exists and menu enabled', async () => {
+    ;(settingStore.get as any).mockReturnValue('Enabled')
+    workflowStore.activeWorkflow = {
+      filename: 'myFlow',
+      isModified: false,
+      isPersisted: true
+    }
+    const scope: EffectScope = effectScope()
+    scope.run(() => useBrowserTabTitle())
+    await nextTick()
+    expect(document.title).toBe('myFlow - ComfyUI')
+    scope.stop()
+  })
+
+  it('adds asterisk for unsaved workflow', async () => {
+    ;(settingStore.get as any).mockReturnValue('Enabled')
+    workflowStore.activeWorkflow = {
+      filename: 'myFlow',
+      isModified: true,
+      isPersisted: true
+    }
+    const scope: EffectScope = effectScope()
+    scope.run(() => useBrowserTabTitle())
+    await nextTick()
+    expect(document.title).toBe('*myFlow - ComfyUI')
+    scope.stop()
+  })
+
+  it('hides asterisk when autosave is enabled', async () => {
+    ;(settingStore.get as any).mockImplementation((key: string) => {
+      if (key === 'Comfy.Workflow.AutoSave') return 'after delay'
+      if (key === 'Comfy.UseNewMenu') return 'Enabled'
+      return 'Enabled'
+    })
+    workflowStore.activeWorkflow = {
+      filename: 'myFlow',
+      isModified: true,
+      isPersisted: true
+    }
+    useBrowserTabTitle()
+    await nextTick()
+    expect(document.title).toBe('myFlow - ComfyUI')
+  })
+
+  it('hides asterisk while Shift key is held', async () => {
+    ;(settingStore.get as any).mockImplementation((key: string) => {
+      if (key === 'Comfy.Workflow.AutoSave') return 'off'
+      if (key === 'Comfy.UseNewMenu') return 'Enabled'
+      return 'Enabled'
+    })
+    workspaceStore.shiftDown = true
+    workflowStore.activeWorkflow = {
+      filename: 'myFlow',
+      isModified: true,
+      isPersisted: true
+    }
+    useBrowserTabTitle()
+    await nextTick()
+    expect(document.title).toBe('myFlow - ComfyUI')
+  })
+
+  // Fails when run together with other tests. Suspect to be caused by leaked
+  // state from previous tests.
+  it.skip('disables workflow title when menu disabled', async () => {
+    ;(settingStore.get as any).mockReturnValue('Disabled')
+    workflowStore.activeWorkflow = {
+      filename: 'myFlow',
+      isModified: false,
+      isPersisted: true
+    }
+    const scope: EffectScope = effectScope()
+    scope.run(() => useBrowserTabTitle())
+    await nextTick()
+    expect(document.title).toBe('ComfyUI')
+    scope.stop()
+  })
+
+  it('shows execution progress when not idle without workflow', async () => {
+    executionStore.isIdle = false
+    executionStore.executionProgress = 0.3
+    const scope: EffectScope = effectScope()
+    scope.run(() => useBrowserTabTitle())
+    await nextTick()
+    expect(document.title).toBe('[30%]ComfyUI')
+    scope.stop()
+  })
+
+  it('shows node execution title when executing a node using nodeProgressStates', async () => {
+    executionStore.isIdle = false
+    executionStore.executionProgress = 0.4
+    executionStore.nodeProgressStates = {
+      '1': { state: 'running', value: 5, max: 10, node: '1', prompt_id: 'test' }
+    }
+    executionStore.activePrompt = {
+      workflow: {
+        changeTracker: {
+          activeState: {
+            nodes: [{ id: 1, type: 'Foo' }]
+          }
+        }
+      }
+    }
+    const scope: EffectScope = effectScope()
+    scope.run(() => useBrowserTabTitle())
+    await nextTick()
+    expect(document.title).toBe('[40%][50%] Foo')
+    scope.stop()
+  })
+
+  it('shows multiple nodes running when multiple nodes are executing', async () => {
+    executionStore.isIdle = false
+    executionStore.executionProgress = 0.4
+    executionStore.nodeProgressStates = {
+      '1': {
+        state: 'running',
+        value: 5,
+        max: 10,
+        node: '1',
+        prompt_id: 'test'
+      },
+      '2': { state: 'running', value: 8, max: 10, node: '2', prompt_id: 'test' }
+    }
+    const scope: EffectScope = effectScope()
+    scope.run(() => useBrowserTabTitle())
+    await nextTick()
+    expect(document.title).toBe('[40%][2 nodes running]')
+    scope.stop()
+  })
+})