mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-01-30 04:50:04 +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>
83 lines
2.4 KiB
TypeScript
83 lines
2.4 KiB
TypeScript
import { describe, expect, test, vi } from 'vitest'
|
|
|
|
import { LGraphNode } from '@/lib/litegraph/src/litegraph'
|
|
import { ComponentWidgetImpl, DOMWidgetImpl } from '@/scripts/domWidget'
|
|
|
|
// Mock dependencies
|
|
vi.mock('@/stores/domWidgetStore', () => ({
|
|
useDomWidgetStore: () => ({
|
|
unregisterWidget: vi.fn()
|
|
})
|
|
}))
|
|
|
|
vi.mock('@/utils/formatUtil', () => ({
|
|
generateUUID: () => 'test-uuid'
|
|
}))
|
|
|
|
describe('DOMWidget Y Position Preservation', () => {
|
|
test('BaseDOMWidgetImpl createCopyForNode preserves Y position', () => {
|
|
const mockNode = new LGraphNode('test-node')
|
|
const originalWidget = new ComponentWidgetImpl({
|
|
node: mockNode,
|
|
name: 'test-widget',
|
|
component: { template: '<div></div>' },
|
|
inputSpec: { name: 'test', type: 'string' },
|
|
options: {}
|
|
})
|
|
|
|
// Set a specific Y position
|
|
originalWidget.y = 66
|
|
|
|
const newNode = new LGraphNode('new-node')
|
|
const clonedWidget = originalWidget.createCopyForNode(newNode)
|
|
|
|
// Verify Y position is preserved
|
|
expect(clonedWidget.y).toBe(66)
|
|
expect(clonedWidget.node).toBe(newNode)
|
|
expect(clonedWidget.name).toBe('test-widget')
|
|
})
|
|
|
|
test('DOMWidgetImpl createCopyForNode preserves Y position', () => {
|
|
const mockNode = new LGraphNode('test-node')
|
|
const mockElement = document.createElement('div')
|
|
|
|
const originalWidget = new DOMWidgetImpl({
|
|
node: mockNode,
|
|
name: 'test-dom-widget',
|
|
type: 'test',
|
|
element: mockElement,
|
|
options: {}
|
|
})
|
|
|
|
// Set a specific Y position
|
|
originalWidget.y = 42
|
|
|
|
const newNode = new LGraphNode('new-node')
|
|
const clonedWidget = originalWidget.createCopyForNode(newNode)
|
|
|
|
// Verify Y position is preserved
|
|
expect(clonedWidget.y).toBe(42)
|
|
expect(clonedWidget.node).toBe(newNode)
|
|
expect(clonedWidget.element).toBe(mockElement)
|
|
expect(clonedWidget.name).toBe('test-dom-widget')
|
|
})
|
|
|
|
test('Y position defaults to 0 when not set', () => {
|
|
const mockNode = new LGraphNode('test-node')
|
|
const originalWidget = new ComponentWidgetImpl({
|
|
node: mockNode,
|
|
name: 'test-widget',
|
|
component: { template: '<div></div>' },
|
|
inputSpec: { name: 'test', type: 'string' },
|
|
options: {}
|
|
})
|
|
|
|
// Don't explicitly set Y (should be 0 by default)
|
|
const newNode = new LGraphNode('new-node')
|
|
const clonedWidget = originalWidget.createCopyForNode(newNode)
|
|
|
|
// Verify Y position is preserved (should be 0)
|
|
expect(clonedWidget.y).toBe(0)
|
|
})
|
|
})
|