mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-01-31 05:19:53 +00:00

Files

filtered 735153886f Confirm delete workflow (#1772 )

* Add confirm delete workflow prompt

* Add confirm delete workflow setting

* Add delete workflow tests

* Change dialog to modal, set default cancel

* Fix setting version key

* Rename for clarity

* Fix tests

- Move into correct section
- Add confirm control

* Export type: ShowDialogOptions

* Replace workflow overwrite with new dialog

* Add delete workflow confirmation dialog

* Update i18n

* Add item list support to confirmation dialog

* Prevent multiple dialogs for same action

* Add confirm close file when dirty

* Add i18n for overwrite dialog

* Fix regression: confirm dialog setting ignored

* Fix delete last workflow does not open replacement

* Update tests

2024-12-04 14:11:49 -05:00

assets

Add Fit Group to Contents keybind (#1658 )

2024-11-23 17:15:52 -05:00

colorPalette.spec.ts-snapshots

Update litegraph 0.8.41 (#1744 )

2024-11-29 17:30:04 -05:00

copyPaste.spec.ts-snapshots

Update litegraph 0.8.41 (#1744 )

2024-11-29 17:30:04 -05:00

fixtures

Confirm delete workflow (#1772 )

2024-12-04 14:11:49 -05:00

graphCanvasMenu.spec.ts-snapshots

Fix multiline text input alignment & clipping (#1513 )

2024-11-12 10:38:03 -05:00

groupNode.spec.ts-snapshots

Fix multiline text input alignment & clipping (#1513 )

2024-11-12 10:38:03 -05:00

helpers

Fix group node manage opening to wrong node type (#1754 )

2024-12-01 19:52:08 -05:00

interaction.spec.ts-snapshots

Update litegraph 0.8.41 (#1744 )

2024-11-29 17:30:04 -05:00

loadWorkflowInMedia.spec.ts-snapshots

Fix multiline text input alignment & clipping (#1513 )

2024-11-12 10:38:03 -05:00

nodeBadge.spec.ts-snapshots

Fix multiline text input alignment & clipping (#1513 )

2024-11-12 10:38:03 -05:00

nodeDisplay.spec.ts-snapshots

Makes forceInput node input slot correctly reflect option/required state (#921 )

2024-09-22 16:35:56 +09:00

nodeSearchBox.spec.ts-snapshots

Fix multiline text input alignment & clipping (#1513 )

2024-11-12 10:38:03 -05:00

primitiveNode.spec.ts-snapshots

Implement creating inputs by dragging link to widget (#1021 )

2024-10-01 12:53:38 -04:00

propertiesPanel.spec.ts-snapshots

Run all playwright tests under dpr=2 (#779 )

2024-09-11 11:33:40 +09:00

rightClickMenu.spec.ts-snapshots

Update litegraph 0.8.41 (#1744 )

2024-11-29 17:30:04 -05:00

textWidgetTruncate.spec.ts-snapshots

Update litegraph 0.8.33 (#1632 )

2024-11-21 14:57:21 -05:00

utils

Restore backend state when Playwright test finishes (#1168 )

2024-10-09 15:05:19 -04:00

actionbar.spec.ts

Workflow Management Reworked (#1406 )

2024-11-05 11:03:27 -05:00

browserTabTitle.spec.ts

Reland "Fix undo / redo filling with empty steps" (#1653 )

2024-11-23 09:49:12 -05:00

changeTracker.spec.ts

Make ChangeTracker detect changes in workflow.extra (Except ds) (#1692 )

2024-11-25 21:59:27 -05:00

colorPalette.spec.ts

Fix node badge on unknown color palette (#1487 )

2024-11-09 10:55:25 -05:00

commands.spec.ts

Move ComfyPage to fixtures folder (#1304 )

2024-10-25 08:01:50 -04:00

copyPaste.spec.ts

Update Litegraph: Canvas Pointer (#1556 )

2024-11-18 10:50:51 -05:00

dialog.spec.ts

Flaky tests and observable state (#1526 )

2024-11-13 09:35:22 -05:00

extensionAPI.spec.ts

Flaky tests and observable state (#1526 )

2024-11-13 09:35:22 -05:00

globalSetup.ts

Restore backend state when Playwright test finishes (#1168 )

2024-10-09 15:05:19 -04:00

globalTeardown.ts

Restore backend state when Playwright test finishes (#1168 )

2024-10-09 15:05:19 -04:00

graphCanvasMenu.spec.ts

Move ComfyPage to fixtures folder (#1304 )

2024-10-25 08:01:50 -04:00

groupNode.spec.ts

Fix group node manage opening to wrong node type (#1754 )

2024-12-01 19:52:08 -05:00

interaction.spec.ts

Add Fit Group to Contents keybind (#1658 )

2024-11-23 17:15:52 -05:00

keybindings.spec.ts

Move ComfyPage to fixtures folder (#1304 )

2024-10-25 08:01:50 -04:00

litegraphEvent.spec.ts

Move ComfyPage to fixtures folder (#1304 )

2024-10-25 08:01:50 -04:00

loadWorkflowInMedia.spec.ts

Move ComfyPage to fixtures folder (#1304 )

2024-10-25 08:01:50 -04:00

menu.spec.ts

Confirm delete workflow (#1772 )

2024-12-04 14:11:49 -05:00

nodeBadge.spec.ts

Fix node badge on unknown color palette (#1487 )

2024-11-09 10:55:25 -05:00

nodeDisplay.spec.ts

Update tests with precise node positions / sizes (#1408 )

2024-11-03 10:42:54 -05:00

nodeSearchBox.spec.ts

Flaky tests and observable state (#1526 )

2024-11-13 09:35:22 -05:00

primitiveNode.spec.ts

Split ComfyPage fixture (#1305 )

2024-10-25 08:29:02 -04:00

propertiesPanel.spec.ts

Setup clean setting state before every playwright test (#1309 )

2024-10-25 11:25:17 -04:00

README.md

Restore backend state when Playwright test finishes (#1168 )

2024-10-09 15:05:19 -04:00

rightClickMenu.spec.ts

Add test for cloning pinned node (#1753 )

2024-12-01 22:38:09 -05:00

templates.spec.ts

Setup clean setting state before every playwright test (#1309 )

2024-10-25 11:25:17 -04:00

textWidgetTruncate.spec.ts

Move ComfyPage to fixtures folder (#1304 )

2024-10-25 08:01:50 -04:00

userSelectView.spec.ts

Rework user selection (#1728 )

2024-11-28 23:36:41 -05:00

README.md

Playwright Testing for ComfyUI_frontend

This document outlines the setup and usage of Playwright for testing the ComfyUI_frontend project.

WARNING

The browser tests will change the ComfyUI backend state, such as user settings and saved workflows. If TEST_COMFYUI_DIR in .env isn't set to your (Comfy Path)/ComfyUI directory, these changes won't be automatically restored.

Setup

Clone https://github.com/Comfy-Org/ComfyUI_devtools to your custom_nodes directory. ComfyUI_devtools adds additional API endpoints and nodes to ComfyUI for browser testing.

Ensure you have Node.js v20 or later installed. Then, set up the Chromium test driver:

npx playwright install chromium --with-deps

Running Tests

There are two ways to run the tests:

Headless mode with report generation:
```
npx playwright test
```
This runs all tests without a visible browser and generates a comprehensive test report.
UI mode for interactive testing:
```
npx playwright test --ui
```
This opens a user interface where you can select specific tests to run and inspect the test execution timeline.

Screenshot Expectations

Due to variations in system font rendering, screenshot expectations are platform-specific. Please note:

We maintain Linux screenshot expectations as our GitHub Action runner operates in a Linux environment.
To set new test expectations:
1. Create a pull request from a Comfy-Org/ComfyUI_frontend branch.
2. Add the New Browser Test Expectation tag to your pull request.
3. This will trigger a GitHub action to update the screenshot expectations automatically.

Note: If you're making a pull request from a forked repository, the GitHub action won't be able to commit updated screenshot expectations directly to your PR branch.