mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-28 02:02:08 +00:00
refactor: remove any types from SubgraphNode.titleButton.test.ts
- Define MockPointerEvent interface for canvas events - Import CanvasPointerEvent type from events module - Replace 3 'as any' casts with proper typed interface and double-cast
This commit is contained in:
@@ -3,12 +3,18 @@ import { describe, expect, it, vi } from 'vitest'
|
|||||||
|
|
||||||
import { LGraphButton } from '@/lib/litegraph/src/litegraph'
|
import { LGraphButton } from '@/lib/litegraph/src/litegraph'
|
||||||
import type { LGraphCanvas } from '@/lib/litegraph/src/litegraph'
|
import type { LGraphCanvas } from '@/lib/litegraph/src/litegraph'
|
||||||
|
import type { CanvasPointerEvent } from '@/lib/litegraph/src/types/events'
|
||||||
|
|
||||||
import {
|
import {
|
||||||
createTestSubgraph,
|
createTestSubgraph,
|
||||||
createTestSubgraphNode
|
createTestSubgraphNode
|
||||||
} from './__fixtures__/subgraphHelpers'
|
} from './__fixtures__/subgraphHelpers'
|
||||||
|
|
||||||
|
interface MockPointerEvent {
|
||||||
|
canvasX: number
|
||||||
|
canvasY: number
|
||||||
|
}
|
||||||
|
|
||||||
describe.skip('SubgraphNode Title Button', () => {
|
describe.skip('SubgraphNode Title Button', () => {
|
||||||
describe.skip('Constructor', () => {
|
describe.skip('Constructor', () => {
|
||||||
it('should automatically add enter_subgraph button', () => {
|
it('should automatically add enter_subgraph button', () => {
|
||||||
@@ -125,10 +131,10 @@ describe.skip('SubgraphNode Title Button', () => {
|
|||||||
} as unknown as LGraphCanvas
|
} as unknown as LGraphCanvas
|
||||||
|
|
||||||
// Simulate click on the enter button
|
// Simulate click on the enter button
|
||||||
const event = {
|
const event: MockPointerEvent = {
|
||||||
canvasX: 275, // Near right edge where button should be
|
canvasX: 275, // Near right edge where button should be
|
||||||
canvasY: 80 // In title area
|
canvasY: 80 // In title area
|
||||||
} as any
|
}
|
||||||
|
|
||||||
// Calculate node-relative position
|
// Calculate node-relative position
|
||||||
const clickPosRelativeToNode: [number, number] = [
|
const clickPosRelativeToNode: [number, number] = [
|
||||||
@@ -138,7 +144,7 @@ describe.skip('SubgraphNode Title Button', () => {
|
|||||||
|
|
||||||
// @ts-expect-error onMouseDown possibly undefined
|
// @ts-expect-error onMouseDown possibly undefined
|
||||||
const handled = subgraphNode.onMouseDown(
|
const handled = subgraphNode.onMouseDown(
|
||||||
event,
|
event as unknown as CanvasPointerEvent,
|
||||||
clickPosRelativeToNode,
|
clickPosRelativeToNode,
|
||||||
canvas
|
canvas
|
||||||
)
|
)
|
||||||
@@ -162,10 +168,10 @@ describe.skip('SubgraphNode Title Button', () => {
|
|||||||
} as unknown as LGraphCanvas
|
} as unknown as LGraphCanvas
|
||||||
|
|
||||||
// Click in the body of the node, not on button
|
// Click in the body of the node, not on button
|
||||||
const event = {
|
const event: MockPointerEvent = {
|
||||||
canvasX: 200, // Middle of node
|
canvasX: 200, // Middle of node
|
||||||
canvasY: 150 // Body area
|
canvasY: 150 // Body area
|
||||||
} as any
|
}
|
||||||
|
|
||||||
// Calculate node-relative position
|
// Calculate node-relative position
|
||||||
const clickPosRelativeToNode: [number, number] = [
|
const clickPosRelativeToNode: [number, number] = [
|
||||||
@@ -175,7 +181,7 @@ describe.skip('SubgraphNode Title Button', () => {
|
|||||||
|
|
||||||
// @ts-expect-error onMouseDown possibly undefined
|
// @ts-expect-error onMouseDown possibly undefined
|
||||||
const handled = subgraphNode.onMouseDown(
|
const handled = subgraphNode.onMouseDown(
|
||||||
event,
|
event as unknown as CanvasPointerEvent,
|
||||||
clickPosRelativeToNode,
|
clickPosRelativeToNode,
|
||||||
canvas
|
canvas
|
||||||
)
|
)
|
||||||
@@ -210,10 +216,10 @@ describe.skip('SubgraphNode Title Button', () => {
|
|||||||
} as unknown as LGraphCanvas
|
} as unknown as LGraphCanvas
|
||||||
|
|
||||||
// Try to click on where the button would be
|
// Try to click on where the button would be
|
||||||
const event = {
|
const event: MockPointerEvent = {
|
||||||
canvasX: 275,
|
canvasX: 275,
|
||||||
canvasY: 80
|
canvasY: 80
|
||||||
} as any
|
}
|
||||||
|
|
||||||
const clickPosRelativeToNode: [number, number] = [
|
const clickPosRelativeToNode: [number, number] = [
|
||||||
275 - subgraphNode.pos[0], // 175
|
275 - subgraphNode.pos[0], // 175
|
||||||
@@ -222,7 +228,7 @@ describe.skip('SubgraphNode Title Button', () => {
|
|||||||
|
|
||||||
// @ts-expect-error onMouseDown possibly undefined
|
// @ts-expect-error onMouseDown possibly undefined
|
||||||
const handled = subgraphNode.onMouseDown(
|
const handled = subgraphNode.onMouseDown(
|
||||||
event,
|
event as unknown as CanvasPointerEvent,
|
||||||
clickPosRelativeToNode,
|
clickPosRelativeToNode,
|
||||||
canvas
|
canvas
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user