diff --git a/browser_tests/assets/widgets/boolean_widget.json b/browser_tests/assets/widgets/boolean_widget.json new file mode 100644 index 000000000..c60aee7d0 --- /dev/null +++ b/browser_tests/assets/widgets/boolean_widget.json @@ -0,0 +1,35 @@ +{ + "last_node_id": 11, + "last_link_id": 9, + "nodes": [ + { + "id": 11, + "type": "DevToolsNodeWithBooleanInput", + "pos": [ + 0, + 30 + ], + "size": [ + 315, + 58 + ], + "flags": { + "collapsed": false + }, + "order": 0, + "mode": 0, + "inputs": [], + "outputs": [], + "properties": { + "Node name for S&R": "DevToolsNodeWithBooleanInput" + }, + "widgets_values": [ + false + ] + } + ], + "links": [], + "groups": [], + "config": {}, + "version": 0.4 +} \ No newline at end of file diff --git a/browser_tests/fixtures/utils/litegraphUtils.ts b/browser_tests/fixtures/utils/litegraphUtils.ts index c7edab18b..2906a27d1 100644 --- a/browser_tests/fixtures/utils/litegraphUtils.ts +++ b/browser_tests/fixtures/utils/litegraphUtils.ts @@ -83,6 +83,12 @@ export class NodeWidgetReference { y: pos[1] } } + + async click() { + await this.node.comfyPage.canvas.click({ + position: await this.getPosition() + }) + } } export class NodeReference { diff --git a/browser_tests/textWidgetTruncate.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-2x-linux.png b/browser_tests/textWidgetTruncate.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-2x-linux.png deleted file mode 100644 index 3ce16f7f4..000000000 Binary files a/browser_tests/textWidgetTruncate.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-2x-linux.png and /dev/null differ diff --git a/browser_tests/textWidgetTruncate.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-linux.png b/browser_tests/textWidgetTruncate.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-linux.png deleted file mode 100644 index 88cdb268c..000000000 Binary files a/browser_tests/textWidgetTruncate.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-linux.png and /dev/null differ diff --git a/browser_tests/textWidgetTruncate.spec.ts-snapshots/ksampler-resized-min-width-chromium-2x-linux.png b/browser_tests/textWidgetTruncate.spec.ts-snapshots/ksampler-resized-min-width-chromium-2x-linux.png deleted file mode 100644 index cd61e0a13..000000000 Binary files a/browser_tests/textWidgetTruncate.spec.ts-snapshots/ksampler-resized-min-width-chromium-2x-linux.png and /dev/null differ diff --git a/browser_tests/textWidgetTruncate.spec.ts-snapshots/ksampler-resized-min-width-chromium-linux.png b/browser_tests/textWidgetTruncate.spec.ts-snapshots/ksampler-resized-min-width-chromium-linux.png deleted file mode 100644 index db46bd7c2..000000000 Binary files a/browser_tests/textWidgetTruncate.spec.ts-snapshots/ksampler-resized-min-width-chromium-linux.png and /dev/null differ diff --git a/browser_tests/textWidgetTruncate.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-2x-linux.png b/browser_tests/textWidgetTruncate.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-2x-linux.png deleted file mode 100644 index ae3411489..000000000 Binary files a/browser_tests/textWidgetTruncate.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-2x-linux.png and /dev/null differ diff --git a/browser_tests/textWidgetTruncate.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-linux.png b/browser_tests/textWidgetTruncate.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-linux.png deleted file mode 100644 index 32cce0032..000000000 Binary files a/browser_tests/textWidgetTruncate.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-linux.png and /dev/null differ diff --git a/browser_tests/textWidgetTruncate.spec.ts-snapshots/resized-to-original-chromium-2x-linux.png b/browser_tests/textWidgetTruncate.spec.ts-snapshots/resized-to-original-chromium-2x-linux.png deleted file mode 100644 index d39a8a8eb..000000000 Binary files a/browser_tests/textWidgetTruncate.spec.ts-snapshots/resized-to-original-chromium-2x-linux.png and /dev/null differ diff --git a/browser_tests/textWidgetTruncate.spec.ts-snapshots/resized-to-original-chromium-linux.png b/browser_tests/textWidgetTruncate.spec.ts-snapshots/resized-to-original-chromium-linux.png deleted file mode 100644 index 65f8e6606..000000000 Binary files a/browser_tests/textWidgetTruncate.spec.ts-snapshots/resized-to-original-chromium-linux.png and /dev/null differ diff --git a/browser_tests/textWidgetTruncate.spec.ts b/browser_tests/widget.spec.ts similarity index 69% rename from browser_tests/textWidgetTruncate.spec.ts rename to browser_tests/widget.spec.ts index 0d90f42d7..3c17ea1e0 100644 --- a/browser_tests/textWidgetTruncate.spec.ts +++ b/browser_tests/widget.spec.ts @@ -27,3 +27,16 @@ test.describe('Combo text widget', () => { await expect(comfyPage.canvas).toHaveScreenshot('resized-to-original.png') }) }) + +test.describe('Boolean widget', () => { + test('Can toggle', async ({ comfyPage }) => { + await comfyPage.loadWorkflow('widgets/boolean_widget') + await expect(comfyPage.canvas).toHaveScreenshot('boolean_widget.png') + const node = (await comfyPage.getFirstNodeRef())! + const widget = await node.getWidget(0) + await widget.click() + await expect(comfyPage.canvas).toHaveScreenshot( + 'boolean_widget_toggled.png' + ) + }) +}) diff --git a/browser_tests/widget.spec.ts-snapshots/boolean-widget-chromium-2x-linux.png b/browser_tests/widget.spec.ts-snapshots/boolean-widget-chromium-2x-linux.png new file mode 100644 index 000000000..79b6f552a Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/boolean-widget-chromium-2x-linux.png differ diff --git a/browser_tests/widget.spec.ts-snapshots/boolean-widget-chromium-linux.png b/browser_tests/widget.spec.ts-snapshots/boolean-widget-chromium-linux.png new file mode 100644 index 000000000..dd658be51 Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/boolean-widget-chromium-linux.png differ diff --git a/browser_tests/widget.spec.ts-snapshots/boolean-widget-toggled-chromium-2x-linux.png b/browser_tests/widget.spec.ts-snapshots/boolean-widget-toggled-chromium-2x-linux.png new file mode 100644 index 000000000..3c8cb255e Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/boolean-widget-toggled-chromium-2x-linux.png differ diff --git a/browser_tests/widget.spec.ts-snapshots/boolean-widget-toggled-chromium-linux.png b/browser_tests/widget.spec.ts-snapshots/boolean-widget-toggled-chromium-linux.png new file mode 100644 index 000000000..fc729d9c0 Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/boolean-widget-toggled-chromium-linux.png differ diff --git a/browser_tests/widget.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-2x-linux.png b/browser_tests/widget.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-2x-linux.png new file mode 100644 index 000000000..3fc7809f1 Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-2x-linux.png differ diff --git a/browser_tests/widget.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-linux.png b/browser_tests/widget.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-linux.png new file mode 100644 index 000000000..8c02e3036 Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/empty-latent-resized-80-percent-chromium-linux.png differ diff --git a/browser_tests/widget.spec.ts-snapshots/ksampler-resized-min-width-chromium-2x-linux.png b/browser_tests/widget.spec.ts-snapshots/ksampler-resized-min-width-chromium-2x-linux.png new file mode 100644 index 000000000..1f256334e Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/ksampler-resized-min-width-chromium-2x-linux.png differ diff --git a/browser_tests/widget.spec.ts-snapshots/ksampler-resized-min-width-chromium-linux.png b/browser_tests/widget.spec.ts-snapshots/ksampler-resized-min-width-chromium-linux.png new file mode 100644 index 000000000..0677120d2 Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/ksampler-resized-min-width-chromium-linux.png differ diff --git a/browser_tests/widget.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-2x-linux.png b/browser_tests/widget.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-2x-linux.png new file mode 100644 index 000000000..4dcd6ce7e Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-2x-linux.png differ diff --git a/browser_tests/widget.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-linux.png b/browser_tests/widget.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-linux.png new file mode 100644 index 000000000..d7e1334e4 Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/load-checkpoint-resized-min-width-chromium-linux.png differ diff --git a/browser_tests/widget.spec.ts-snapshots/resized-to-original-chromium-2x-linux.png b/browser_tests/widget.spec.ts-snapshots/resized-to-original-chromium-2x-linux.png new file mode 100644 index 000000000..ae3185c28 Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/resized-to-original-chromium-2x-linux.png differ diff --git a/browser_tests/widget.spec.ts-snapshots/resized-to-original-chromium-linux.png b/browser_tests/widget.spec.ts-snapshots/resized-to-original-chromium-linux.png new file mode 100644 index 000000000..a758925f1 Binary files /dev/null and b/browser_tests/widget.spec.ts-snapshots/resized-to-original-chromium-linux.png differ