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>

tests-ui/tests/components/dialog/content/manager/packCard/PackCard.test.ts

@@ -1,211 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { createPinia, setActivePinia } from 'pinia'
-import Card from 'primevue/card'
-import ProgressSpinner from 'primevue/progressspinner'
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-import PackCard from '@/workbench/extensions/manager/components/manager/packCard/PackCard.vue'
-import type {
-  MergedNodePack,
-  RegistryPack
-} from '@/workbench/extensions/manager/types/comfyManagerTypes'
-
-// Mock dependencies
-vi.mock('vue-i18n', () => ({
-  useI18n: vi.fn(() => ({
-    d: vi.fn(() => '2024. 1. 1.'),
-    t: vi.fn((key: string) => key)
-  })),
-  createI18n: vi.fn(() => ({
-    global: {
-      t: vi.fn((key: string) => key),
-      te: vi.fn(() => true)
-    }
-  }))
-}))
-
-vi.mock('@/workbench/extensions/manager/stores/comfyManagerStore', () => ({
-  useComfyManagerStore: vi.fn(() => ({
-    isPackInstalled: vi.fn(() => false),
-    isPackEnabled: vi.fn(() => true),
-    isPackInstalling: vi.fn(() => false),
-    installedPacksIds: []
-  }))
-}))
-
-vi.mock('@/stores/workspace/colorPaletteStore', () => ({
-  useColorPaletteStore: vi.fn(() => ({
-    completedActivePalette: { light_theme: true }
-  }))
-}))
-
-vi.mock('@vueuse/core', async () => {
-  const { ref } = await import('vue')
-  return {
-    whenever: vi.fn(),
-    useStorage: vi.fn((_key, defaultValue) => {
-      return ref(defaultValue)
-    }),
-    createSharedComposable: vi.fn((fn) => fn)
-  }
-})
-
-vi.mock('@/config', () => ({
-  default: {
-    app_version: '1.24.0-1'
-  }
-}))
-
-vi.mock('@/stores/systemStatsStore', () => ({
-  useSystemStatsStore: vi.fn(() => ({
-    systemStats: {
-      system: { os: 'Darwin' },
-      devices: [{ type: 'mps', name: 'Metal' }]
-    }
-  }))
-}))
-
-describe('PackCard', () => {
-  let pinia: ReturnType<typeof createPinia>
-
-  beforeEach(() => {
-    vi.clearAllMocks()
-    pinia = createPinia()
-    setActivePinia(pinia)
-  })
-
-  const createWrapper = (props: {
-    nodePack: MergedNodePack | RegistryPack
-    isSelected?: boolean
-  }) => {
-    const wrapper = mount(PackCard, {
-      props,
-      global: {
-        plugins: [pinia],
-        components: {
-          Card,
-          ProgressSpinner
-        },
-        stubs: {
-          PackBanner: true,
-          PackVersionBadge: true,
-          PackCardFooter: true
-        },
-        mocks: {
-          $t: vi.fn((key: string) => key)
-        }
-      }
-    })
-
-    return wrapper
-  }
-
-  const mockNodePack: RegistryPack = {
-    id: 'test-package',
-    name: 'Test Package',
-    description: 'Test package description',
-    author: 'Test Author',
-    latest_version: {
-      createdAt: '2024-01-01T00:00:00Z'
-    }
-  } as RegistryPack
-
-  describe('basic rendering', () => {
-    it('should render package card with basic information', () => {
-      const wrapper = createWrapper({ nodePack: mockNodePack })
-
-      expect(wrapper.find('.p-card').exists()).toBe(true)
-      expect(wrapper.text()).toContain('Test Package')
-      expect(wrapper.text()).toContain('Test package description')
-      expect(wrapper.text()).toContain('Test Author')
-    })
-
-    it('should render date correctly', () => {
-      const wrapper = createWrapper({ nodePack: mockNodePack })
-
-      expect(wrapper.text()).toContain('2024. 1. 1.')
-    })
-
-    it('should apply selected class when isSelected is true', () => {
-      const wrapper = createWrapper({
-        nodePack: mockNodePack,
-        isSelected: true
-      })
-
-      expect(wrapper.find('.selected-card').exists()).toBe(true)
-    })
-
-    it('should not apply selected class when isSelected is false', () => {
-      const wrapper = createWrapper({
-        nodePack: mockNodePack,
-        isSelected: false
-      })
-
-      expect(wrapper.find('.selected-card').exists()).toBe(false)
-    })
-  })
-
-  describe('component behavior', () => {
-    it('should render without errors', () => {
-      const wrapper = createWrapper({ nodePack: mockNodePack })
-
-      expect(wrapper.exists()).toBe(true)
-      expect(wrapper.find('.p-card').exists()).toBe(true)
-    })
-  })
-
-  describe('package information display', () => {
-    it('should display package name', () => {
-      const wrapper = createWrapper({ nodePack: mockNodePack })
-
-      expect(wrapper.text()).toContain('Test Package')
-    })
-
-    it('should display package description', () => {
-      const wrapper = createWrapper({ nodePack: mockNodePack })
-
-      expect(wrapper.text()).toContain('Test package description')
-    })
-
-    it('should display author name', () => {
-      const wrapper = createWrapper({ nodePack: mockNodePack })
-
-      expect(wrapper.text()).toContain('Test Author')
-    })
-
-    it('should handle missing description', () => {
-      const packWithoutDescription = { ...mockNodePack, description: undefined }
-      const wrapper = createWrapper({ nodePack: packWithoutDescription })
-
-      expect(wrapper.find('p').exists()).toBe(false)
-    })
-
-    it('should handle missing author', () => {
-      const packWithoutAuthor = { ...mockNodePack, author: undefined }
-      const wrapper = createWrapper({ nodePack: packWithoutAuthor })
-
-      // Should still render without errors
-      expect(wrapper.exists()).toBe(true)
-    })
-  })
-
-  describe('component structure', () => {
-    it('should render PackBanner component', () => {
-      const wrapper = createWrapper({ nodePack: mockNodePack })
-
-      expect(wrapper.find('pack-banner-stub').exists()).toBe(true)
-    })
-
-    it('should render PackVersionBadge component', () => {
-      const wrapper = createWrapper({ nodePack: mockNodePack })
-
-      expect(wrapper.find('pack-version-badge-stub').exists()).toBe(true)
-    })
-
-    it('should render PackCardFooter component', () => {
-      const wrapper = createWrapper({ nodePack: mockNodePack })
-
-      expect(wrapper.find('pack-card-footer-stub').exists()).toBe(true)
-    })
-  })
-})