mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-03-01 19:20:10 +00:00
16fec4d45c
- Add typescript/no-explicit-any override for browser_tests/**/*.ts - Fix 9 violations with proper types instead of any - Add TestGraphAccess interface for typed node access - Add function overloads to getExportedWorkflow for proper return types - Fix floating promise in colorPalette.spec.ts Amp-Thread-ID: https://ampcode.com/threads/T-019c1854-3c3c-723d-8ce6-183ce06fcf1b Co-authored-by: Amp <amp@ampcode.com>
59 lines
2.1 KiB
TypeScript
59 lines
2.1 KiB
TypeScript
import {
|
|
comfyExpect as expect,
|
|
comfyPageFixture as test
|
|
} from '../../../fixtures/ComfyPage'
|
|
import type { TestGraphAccess } from '../../../types/globals'
|
|
|
|
test.describe('Vue Widget Reactivity', () => {
|
|
test.beforeEach(async ({ comfyPage }) => {
|
|
await comfyPage.settings.setSetting('Comfy.VueNodes.Enabled', true)
|
|
await comfyPage.vueNodes.waitForNodes()
|
|
})
|
|
test('Should display added widgets', async ({ comfyPage }) => {
|
|
const loadCheckpointNode = comfyPage.page.locator(
|
|
'css=[data-testid="node-body-4"] > .lg-node-widgets > div'
|
|
)
|
|
await comfyPage.page.evaluate(() => {
|
|
const graph = window.graph as TestGraphAccess
|
|
const node = graph._nodes_by_id['4']
|
|
node.widgets!.push(node.widgets![0])
|
|
})
|
|
await expect(loadCheckpointNode).toHaveCount(2)
|
|
await comfyPage.page.evaluate(() => {
|
|
const graph = window.graph as TestGraphAccess
|
|
const node = graph._nodes_by_id['4']
|
|
node.widgets![2] = node.widgets![0]
|
|
})
|
|
await expect(loadCheckpointNode).toHaveCount(3)
|
|
await comfyPage.page.evaluate(() => {
|
|
const graph = window.graph as TestGraphAccess
|
|
const node = graph._nodes_by_id['4']
|
|
node.widgets!.splice(0, 0, node.widgets![0])
|
|
})
|
|
await expect(loadCheckpointNode).toHaveCount(4)
|
|
})
|
|
test('Should hide removed widgets', async ({ comfyPage }) => {
|
|
const loadCheckpointNode = comfyPage.page.locator(
|
|
'css=[data-testid="node-body-3"] > .lg-node-widgets > div'
|
|
)
|
|
await comfyPage.page.evaluate(() => {
|
|
const graph = window.graph as TestGraphAccess
|
|
const node = graph._nodes_by_id['3']
|
|
node.widgets!.pop()
|
|
})
|
|
await expect(loadCheckpointNode).toHaveCount(5)
|
|
await comfyPage.page.evaluate(() => {
|
|
const graph = window.graph as TestGraphAccess
|
|
const node = graph._nodes_by_id['3']
|
|
node.widgets!.length--
|
|
})
|
|
await expect(loadCheckpointNode).toHaveCount(4)
|
|
await comfyPage.page.evaluate(() => {
|
|
const graph = window.graph as TestGraphAccess
|
|
const node = graph._nodes_by_id['3']
|
|
node.widgets!.splice(0, 1)
|
|
})
|
|
await expect(loadCheckpointNode).toHaveCount(3)
|
|
})
|
|
})
|