mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-11 16:30:57 +00:00
963a7bf178
*PR Created by the Glary-Bot Agent* --- ## Summary - Eliminates the confusing dual-helpers structure where `browser_tests/helpers/` and `browser_tests/fixtures/helpers/` coexisted one tier apart with overlapping purposes - Routes each file to its natural home based on what it actually *is*: page objects → `components/`, standalone utils → `utils/`, domain helper classes stay in `helpers/` - Adds an ESLint guard (`no-restricted-imports`) to prevent re-creating `browser_tests/helpers/` ## File Moves | File | From | To | Reason | |---|---|---|---| | `actionbar.ts` | `helpers/` | `fixtures/components/Actionbar.ts` | Page object class imported by ComfyPage | | `templates.ts` | `helpers/` | `fixtures/components/Templates.ts` | Page object class imported by ComfyPage | | `boundsUtils.ts` | `fixtures/helpers/` | `fixtures/utils/` | Pure function, not a helper class | | `mimeTypeUtil.ts` | `fixtures/helpers/` | `fixtures/utils/` | Pure function, not a helper class | | `builderTestUtils.ts` | `helpers/` | `fixtures/utils/` | Shared test setup functions | | `clipboardSpy.ts` | `helpers/` | `fixtures/utils/` | Page injection utility | | `fitToView.ts` | `helpers/` | `fixtures/utils/` | Canvas utility function | | `manageGroupNode.ts` | `helpers/` | `fixtures/utils/` | Litegraph interaction helper | | `painter.ts` | `helpers/` | `fixtures/utils/` | Test helper functions | | `perfReporter.ts` | `helpers/` | `fixtures/utils/` | Test infrastructure | | `promotedWidgets.ts` | `helpers/` | `fixtures/utils/` | Query helpers for specs | ## What Changed Beyond File Moves - **28 import statements** updated across test specs, fixtures, and infra files - **AGENTS.md** — directory tree diagram and architectural separation descriptions updated - **README.md** — "Leverage Existing Fixtures and Helpers" section updated - **`.claude/skills/perf-fix-with-proof/SKILL.md`** — perfReporter path reference updated - **`eslint.config.ts`** — added `@e2e/helpers/*` restricted import pattern to both spec and non-spec browser_tests rules ## Verification - `pnpm typecheck` — clean - `pnpm typecheck:browser` — clean - `pnpm lint` — 0 errors, 0 warnings - `pnpm format:check` — all files formatted - `pnpm knip` — clean - Pre-commit hooks passed full pipeline (oxfmt, oxlint, eslint, typecheck, typecheck:browser) ## Config Audit No changes needed to: `tsconfig.json` (`@e2e/*` alias covers all subdirs), `playwright.config.ts`, `vite.config.mts`, `knip.config.ts`, `.oxlintrc.json`, `nx.json` ## Manual Verification Note This is a pure structural refactoring (file moves + import updates) with zero behavioral or visual changes. The typecheck and lint passes confirm all imports resolve correctly. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-11411-refactor-consolidate-browser_tests-helpers-into-fixtures-3476d73d3650816cb671ef7fa8433f66) by [Unito](https://www.unito.io) --------- Co-authored-by: glary-bot <glary-bot@comfy.org> Co-authored-by: Glary-Bot <glary-bot@users.noreply.github.com> Co-authored-by: DrJKL <DrJKL0424@gmail.com> Co-authored-by: Amp <amp@ampcode.com>
71 lines
2.1 KiB
TypeScript
71 lines
2.1 KiB
TypeScript
import {
|
|
comfyPageFixture as test,
|
|
comfyExpect as expect
|
|
} from '@e2e/fixtures/ComfyPage'
|
|
import { setupBuilder } from '@e2e/fixtures/utils/builderTestUtils'
|
|
|
|
test.describe('App mode arrange step', { tag: '@ui' }, () => {
|
|
test.beforeEach(async ({ comfyPage }) => {
|
|
await comfyPage.appMode.enableLinearMode()
|
|
await comfyPage.appMode.suppressVueNodeSwitchPopup()
|
|
})
|
|
|
|
test('Placeholder is shown when outputs are configured but no run has happened', async ({
|
|
comfyPage
|
|
}) => {
|
|
const { appMode } = comfyPage
|
|
|
|
await setupBuilder(comfyPage)
|
|
await appMode.steps.goToPreview()
|
|
|
|
await expect(appMode.steps.previewButton).toHaveAttribute(
|
|
'aria-current',
|
|
'step'
|
|
)
|
|
await expect(appMode.arrangePreview).toBeVisible()
|
|
await expect(appMode.arrangeNoOutputs).toBeHidden()
|
|
})
|
|
|
|
test('No-outputs state navigates to the Outputs step via "Switch to Outputs"', async ({
|
|
comfyPage
|
|
}) => {
|
|
const { appMode } = comfyPage
|
|
|
|
await appMode.enterBuilder()
|
|
await appMode.steps.goToPreview()
|
|
|
|
await expect(appMode.arrangeNoOutputs).toBeVisible()
|
|
await expect(appMode.arrangePreview).toBeHidden()
|
|
|
|
await appMode.arrangeSwitchToOutputsButton.click()
|
|
|
|
await expect(appMode.steps.outputsButton).toHaveAttribute(
|
|
'aria-current',
|
|
'step'
|
|
)
|
|
await expect(appMode.arrangeNoOutputs).toBeHidden()
|
|
})
|
|
|
|
test('Connect-output popover from preview step navigates to the Outputs step', async ({
|
|
comfyPage
|
|
}) => {
|
|
const { appMode } = comfyPage
|
|
|
|
await appMode.enterBuilder()
|
|
// From a non-select step (preview/arrange), the popover surfaces a
|
|
// "Switch to Outputs" shortcut alongside cancel.
|
|
await appMode.steps.goToPreview()
|
|
|
|
await appMode.footer.saveAsButton.click()
|
|
await expect(appMode.connectOutputPopover).toBeVisible()
|
|
await expect(appMode.connectOutputSwitchButton).toBeVisible()
|
|
|
|
await appMode.connectOutputSwitchButton.click()
|
|
await expect(appMode.connectOutputPopover).toBeHidden()
|
|
await expect(appMode.steps.outputsButton).toHaveAttribute(
|
|
'aria-current',
|
|
'step'
|
|
)
|
|
})
|
|
})
|