mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-25 17:24:07 +00:00
10feb1fd5b
## 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>
81 lines
2.3 KiB
TypeScript
81 lines
2.3 KiB
TypeScript
import { mount } from '@vue/test-utils'
|
|
import { createPinia, setActivePinia } from 'pinia'
|
|
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|
|
|
import EssentialsPanel from '@/components/bottomPanel/tabs/shortcuts/EssentialsPanel.vue'
|
|
import ShortcutsList from '@/components/bottomPanel/tabs/shortcuts/ShortcutsList.vue'
|
|
import type { ComfyCommandImpl } from '@/stores/commandStore'
|
|
|
|
// Mock ShortcutsList component
|
|
vi.mock('@/components/bottomPanel/tabs/shortcuts/ShortcutsList.vue', () => ({
|
|
default: {
|
|
name: 'ShortcutsList',
|
|
props: ['commands', 'subcategories', 'columns'],
|
|
template:
|
|
'<div class="shortcuts-list-mock">{{ commands.length }} commands</div>'
|
|
}
|
|
}))
|
|
|
|
// Mock command store
|
|
const mockCommands: ComfyCommandImpl[] = [
|
|
{
|
|
id: 'Workflow.New',
|
|
label: 'New Workflow',
|
|
category: 'essentials'
|
|
} as ComfyCommandImpl,
|
|
{
|
|
id: 'Node.Add',
|
|
label: 'Add Node',
|
|
category: 'essentials'
|
|
} as ComfyCommandImpl,
|
|
{
|
|
id: 'Queue.Clear',
|
|
label: 'Clear Queue',
|
|
category: 'essentials'
|
|
} as ComfyCommandImpl,
|
|
{
|
|
id: 'Other.Command',
|
|
label: 'Other Command',
|
|
category: 'view-controls',
|
|
function: vi.fn(),
|
|
icon: 'pi pi-test',
|
|
tooltip: 'Test tooltip',
|
|
menubarLabel: 'Other Command',
|
|
keybinding: null
|
|
} as ComfyCommandImpl
|
|
]
|
|
|
|
vi.mock('@/stores/commandStore', () => ({
|
|
useCommandStore: () => ({
|
|
commands: mockCommands
|
|
})
|
|
}))
|
|
|
|
describe('EssentialsPanel', () => {
|
|
beforeEach(() => {
|
|
setActivePinia(createPinia())
|
|
})
|
|
|
|
it('should render ShortcutsList with essentials commands', () => {
|
|
const wrapper = mount(EssentialsPanel)
|
|
|
|
const shortcutsList = wrapper.findComponent(ShortcutsList)
|
|
expect(shortcutsList.exists()).toBe(true)
|
|
})
|
|
|
|
it('should categorize commands into subcategories', () => {
|
|
const wrapper = mount(EssentialsPanel)
|
|
|
|
const shortcutsList = wrapper.findComponent(ShortcutsList)
|
|
const subcategories = shortcutsList.props('subcategories')
|
|
|
|
expect(subcategories).toHaveProperty('workflow')
|
|
expect(subcategories).toHaveProperty('node')
|
|
expect(subcategories).toHaveProperty('queue')
|
|
|
|
expect(subcategories.workflow).toContain(mockCommands[0])
|
|
expect(subcategories.node).toContain(mockCommands[1])
|
|
expect(subcategories.queue).toContain(mockCommands[2])
|
|
})
|
|
})
|