Update litegraph 0.8.76 (#2496)

Co-authored-by: github-actions <github-actions@github.com>

browser_tests/assets/widgets/seed_widget.json

@@ -0,0 +1,43 @@
+{
+  "last_node_id": 10,
+  "last_link_id": 9,
+  "nodes": [
+    {
+      "id": 10,
+      "type": "DevToolsNodeWithSeedInput",
+      "pos": [
+        20,
+        50
+      ],
+      "size": [
+        315,
+        82
+      ],
+      "flags": {},
+      "order": 1,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [],
+      "properties": {
+        "Node name for S&R": "DevToolsNodeWithSeedInput"
+      },
+      "widgets_values": [
+        0,
+        "randomize"
+      ]
+    }
+  ],
+  "links": [],
+  "groups": [],
+  "config": {},
+  "extra": {
+    "ds": {
+      "scale": 1,
+      "offset": [
+        0,
+        0
+      ]
+    }
+  },
+  "version": 0.4
+}

browser_tests/fixtures/utils/litegraphUtils.ts

@@ -62,6 +62,9 @@ export class NodeWidgetReference {
     readonly node: NodeReference
   ) {}
 
+  /**
+   * @returns The position of the widget's center
+   */
   async getPosition(): Promise<Position> {
     const pos: [number, number] = await this.node.comfyPage.page.evaluate(
       ([id, index]) => {
@@ -89,6 +92,22 @@ export class NodeWidgetReference {
       position: await this.getPosition()
     })
   }
+
+  async dragHorizontal(delta: number) {
+    const pos = await this.getPosition()
+    const canvas = this.node.comfyPage.canvas
+    const canvasPos = (await canvas.boundingBox())!
+    this.node.comfyPage.dragAndDrop(
+      {
+        x: canvasPos.x + pos.x,
+        y: canvasPos.y + pos.y
+      },
+      {
+        x: canvasPos.x + pos.x + delta,
+        y: canvasPos.y + pos.y
+      }
+    )
+  }
 }
 
 export class NodeReference {

browser_tests/widget.spec.ts

@@ -40,3 +40,47 @@ test.describe('Boolean widget', () => {
     )
   })
 })
+
+test.describe('Slider widget', () => {
+  test('Can drag adjust value', async ({ comfyPage }) => {
+    await comfyPage.loadWorkflow('simple_slider')
+    await comfyPage.page.waitForTimeout(300)
+    const node = (await comfyPage.getFirstNodeRef())!
+    const widget = await node.getWidget(0)
+
+    await comfyPage.page.evaluate(() => {
+      const widget = window['app'].graph.nodes[0].widgets[0]
+      widget.callback = (value: number) => {
+        window['widgetValue'] = value
+      }
+    })
+    await widget.dragHorizontal(50)
+    await expect(comfyPage.canvas).toHaveScreenshot('slider_widget_dragged.png')
+
+    expect(
+      await comfyPage.page.evaluate(() => window['widgetValue'])
+    ).toBeDefined()
+  })
+})
+
+test.describe('Number widget', () => {
+  test('Can drag adjust value', async ({ comfyPage }) => {
+    await comfyPage.loadWorkflow('widgets/seed_widget')
+    await comfyPage.page.waitForTimeout(300)
+
+    const node = (await comfyPage.getFirstNodeRef())!
+    const widget = await node.getWidget(0)
+    await comfyPage.page.evaluate(() => {
+      const widget = window['app'].graph.nodes[0].widgets[0]
+      widget.callback = (value: number) => {
+        window['widgetValue'] = value
+      }
+    })
+    await widget.dragHorizontal(50)
+    await expect(comfyPage.canvas).toHaveScreenshot('seed_widget_dragged.png')
+
+    expect(
+      await comfyPage.page.evaluate(() => window['widgetValue'])
+    ).toBeDefined()
+  })
+})