Add tests on litegraph search box triggering events

browser_tests/ComfyPage.ts

@@ -144,6 +144,11 @@ export class ComfyPage {
     await this.nextFrame();
   }
 
+  async doubleClickCanvas() {
+    await this.page.mouse.dblclick(10, 10);
+    await this.nextFrame();
+  }
+
   async rightClickEmptyLatentNode() {
     await this.canvas.click({
       position: {

browser_tests/litegraphEvent.spec.ts

@@ -0,0 +1,34 @@
+import { expect } from "@playwright/test";
+import { comfyPageFixture as test } from "./ComfyPage";
+
+function listenForEvent(): Promise<Event> {
+  return new Promise<Event>((resolve) => {
+    document.addEventListener("litegraph:canvas", (e) => resolve(e), { once: true });
+  });
+}
+
+test.describe("Canvas Event", () => {
+  test("Emit litegraph:canvas empty-release", async ({ comfyPage }) => {
+    const eventPromise = comfyPage.page.evaluate(listenForEvent);
+    const disconnectPromise = comfyPage.disconnectEdge();
+    const event = await eventPromise;
+    await disconnectPromise;
+
+    expect(event).not.toBeNull();
+    // No further check on event content as the content is dropped by
+    // playwright for some reason.
+    // See https://github.com/microsoft/playwright/issues/31580
+  });
+
+  test("Emit litegraph:canvas empty-double-click", async ({ comfyPage }) => {
+    const eventPromise = comfyPage.page.evaluate(listenForEvent);
+    const doubleClickPromise = comfyPage.doubleClickCanvas();
+    const event = await eventPromise;
+    await doubleClickPromise;
+
+    expect(event).not.toBeNull();
+    // No further check on event content as the content is dropped by
+    // playwright for some reason.
+    // See https://github.com/microsoft/playwright/issues/31580
+  });
+});

package.json

@@ -40,7 +40,7 @@
     "zip-dir": "^2.0.0"
   },
   "dependencies": {
-    "@comfyorg/litegraph": "^0.7.20",
+    "@comfyorg/litegraph": "^0.7.23",
     "dotenv": "^16.4.5",
     "zod": "^3.23.8",
     "zod-validation-error": "^3.3.0"