mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-19 22:09:37 +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>
101 lines
2.5 KiB
TypeScript
101 lines
2.5 KiB
TypeScript
import { flushPromises, mount } from '@vue/test-utils'
|
|
import { computed, ref } from 'vue'
|
|
import { beforeEach, describe, expect, test, vi } from 'vitest'
|
|
|
|
import NodeHelpPage from '@/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue'
|
|
import { useSelectionState } from '@/composables/graph/useSelectionState'
|
|
import { useNodeHelpStore } from '@/stores/workspace/nodeHelpStore'
|
|
|
|
vi.mock('@/composables/graph/useSelectionState')
|
|
vi.mock('@/stores/workspace/nodeHelpStore')
|
|
|
|
const baseNode = {
|
|
nodePath: 'NodeA',
|
|
display_name: 'Node A',
|
|
description: '',
|
|
inputs: {},
|
|
outputs: []
|
|
}
|
|
|
|
describe('NodeHelpPage', () => {
|
|
const selection = ref<any | null>(null)
|
|
let openHelp: ReturnType<typeof vi.fn>
|
|
|
|
const mountPage = () =>
|
|
mount(NodeHelpPage, {
|
|
props: { node: baseNode as any },
|
|
global: {
|
|
mocks: {
|
|
$t: (key: string) => key
|
|
},
|
|
stubs: {
|
|
ProgressSpinner: true,
|
|
Button: true
|
|
}
|
|
}
|
|
})
|
|
|
|
beforeEach(() => {
|
|
vi.resetAllMocks()
|
|
selection.value = null
|
|
openHelp = vi.fn()
|
|
|
|
vi.mocked(useSelectionState).mockReturnValue({
|
|
nodeDef: computed(() => selection.value)
|
|
} as any)
|
|
|
|
vi.mocked(useNodeHelpStore).mockReturnValue({
|
|
renderedHelpHtml: ref('<p>help</p>'),
|
|
isLoading: ref(false),
|
|
error: ref(null),
|
|
isHelpOpen: true,
|
|
currentHelpNode: { nodePath: 'NodeA' },
|
|
openHelp,
|
|
closeHelp: vi.fn()
|
|
} as any)
|
|
})
|
|
|
|
test('opens help for a newly selected node while help is open', async () => {
|
|
const wrapper = mountPage()
|
|
|
|
selection.value = { nodePath: 'NodeB' }
|
|
await flushPromises()
|
|
|
|
expect(openHelp).toHaveBeenCalledWith({ nodePath: 'NodeB' })
|
|
|
|
wrapper.unmount()
|
|
})
|
|
|
|
test('does not reopen help when the same node stays selected', async () => {
|
|
const wrapper = mountPage()
|
|
|
|
selection.value = { nodePath: 'NodeA' }
|
|
await flushPromises()
|
|
|
|
expect(openHelp).not.toHaveBeenCalled()
|
|
|
|
wrapper.unmount()
|
|
})
|
|
|
|
test('does not react to selection when help is closed', async () => {
|
|
vi.mocked(useNodeHelpStore).mockReturnValueOnce({
|
|
renderedHelpHtml: ref('<p>help</p>'),
|
|
isLoading: ref(false),
|
|
error: ref(null),
|
|
isHelpOpen: false,
|
|
currentHelpNode: null,
|
|
openHelp,
|
|
closeHelp: vi.fn()
|
|
} as any)
|
|
|
|
const wrapper = mountPage()
|
|
|
|
selection.value = { nodePath: 'NodeB' }
|
|
await flushPromises()
|
|
|
|
expect(openHelp).not.toHaveBeenCalled()
|
|
|
|
wrapper.unmount()
|
|
})
|
|
})
|