diff --git a/browser_tests/interaction.spec.ts b/browser_tests/interaction.spec.ts index 73a1f4ad2..7516568f5 100644 --- a/browser_tests/interaction.spec.ts +++ b/browser_tests/interaction.spec.ts @@ -373,6 +373,26 @@ test.describe('Canvas Interaction', () => { expect(await getCursorStyle()).toBe('default') }) + test('Can pan when dragging a link', async ({ comfyPage }) => { + const posSlot1 = comfyPage.clipTextEncodeNode1InputSlot + await comfyPage.page.mouse.move(posSlot1.x, posSlot1.y) + await comfyPage.page.mouse.down() + const posEmpty = comfyPage.emptySpace + await comfyPage.page.mouse.move(posEmpty.x, posEmpty.y) + await expect(comfyPage.canvas).toHaveScreenshot('dragging-link1.png') + await comfyPage.page.keyboard.down('Space') + await comfyPage.page.mouse.move(posEmpty.x + 100, posEmpty.y + 100) + // Canvas should be panned. + await expect(comfyPage.canvas).toHaveScreenshot( + 'panning-when-dragging-link.png' + ) + await comfyPage.page.keyboard.up('Space') + await comfyPage.page.mouse.move(posEmpty.x, posEmpty.y) + // Should be back to dragging link mode when space is released. + await expect(comfyPage.canvas).toHaveScreenshot('dragging-link2.png') + await comfyPage.page.mouse.up() + }) + test('Can pan very far and back', async ({ comfyPage }) => { // intentionally slice the edge of where the clip text encode dom widgets are await comfyPage.pan({ x: -800, y: -300 }, { x: 1000, y: 10 }) diff --git a/browser_tests/interaction.spec.ts-snapshots/dragging-link1-chromium-2x-linux.png b/browser_tests/interaction.spec.ts-snapshots/dragging-link1-chromium-2x-linux.png new file mode 100644 index 000000000..5363e446c Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/dragging-link1-chromium-2x-linux.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/dragging-link1-chromium-linux.png b/browser_tests/interaction.spec.ts-snapshots/dragging-link1-chromium-linux.png new file mode 100644 index 000000000..b858ca85e Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/dragging-link1-chromium-linux.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/dragging-link2-chromium-2x-linux.png b/browser_tests/interaction.spec.ts-snapshots/dragging-link2-chromium-2x-linux.png new file mode 100644 index 000000000..6ee8979ed Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/dragging-link2-chromium-2x-linux.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/dragging-link2-chromium-linux.png b/browser_tests/interaction.spec.ts-snapshots/dragging-link2-chromium-linux.png new file mode 100644 index 000000000..5166b9aac Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/dragging-link2-chromium-linux.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/panning-when-dragging-link-chromium-2x-linux.png b/browser_tests/interaction.spec.ts-snapshots/panning-when-dragging-link-chromium-2x-linux.png new file mode 100644 index 000000000..1142425c5 Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/panning-when-dragging-link-chromium-2x-linux.png differ diff --git a/browser_tests/interaction.spec.ts-snapshots/panning-when-dragging-link-chromium-linux.png b/browser_tests/interaction.spec.ts-snapshots/panning-when-dragging-link-chromium-linux.png new file mode 100644 index 000000000..ef9beea67 Binary files /dev/null and b/browser_tests/interaction.spec.ts-snapshots/panning-when-dragging-link-chromium-linux.png differ diff --git a/package-lock.json b/package-lock.json index e53f73e53..96da18703 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,7 @@ "version": "1.3.4", "dependencies": { "@atlaskit/pragmatic-drag-and-drop": "^1.2.1", - "@comfyorg/litegraph": "^0.7.81", + "@comfyorg/litegraph": "^0.7.82", "@primevue/themes": "^4.0.5", "@vitejs/plugin-vue": "^5.0.5", "@vueuse/core": "^11.0.0", @@ -1910,9 +1910,9 @@ "dev": true }, "node_modules/@comfyorg/litegraph": { - "version": "0.7.81", - "resolved": "https://registry.npmjs.org/@comfyorg/litegraph/-/litegraph-0.7.81.tgz", - "integrity": "sha512-DuMXOhF1ffEhbgUZoGobu0J3aAyXYXeEp1X+0EDd0hcRNt1/hXcwtFKCkFuJtSOox+aLSAi5EcHreMwln9Zr3A==", + "version": "0.7.82", + "resolved": "https://registry.npmjs.org/@comfyorg/litegraph/-/litegraph-0.7.82.tgz", + "integrity": "sha512-PA49cxtuDHiS9186IMaynicB8UaPsp97RFGC/n1nYQdZWCc+0auBsxA5LA13VYjnOC9rZyN3hUYdlbwc5NbBpg==", "license": "MIT" }, "node_modules/@cspotcode/source-map-support": { diff --git a/package.json b/package.json index 732e74259..b2ac7894b 100644 --- a/package.json +++ b/package.json @@ -63,7 +63,7 @@ }, "dependencies": { "@atlaskit/pragmatic-drag-and-drop": "^1.2.1", - "@comfyorg/litegraph": "^0.7.81", + "@comfyorg/litegraph": "^0.7.82", "@primevue/themes": "^4.0.5", "@vitejs/plugin-vue": "^5.0.5", "@vueuse/core": "^11.0.0",