mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-23 00:04:06 +00:00
3e4d273832
The browser tests added in #8143 were failing on main because they were written against stale `ComfyPage` APIs that were refactored in #8510 (merged Feb 3, before #8143 merged Feb 18). ### Changes - `comfyPage.dragAndDropFile` → `comfyPage.dragDrop.dragAndDropFile` - `comfyPage.setSetting` → `comfyPage.settings.setSetting` - `comfyPage.loadWorkflow` → `comfyPage.workflow.loadWorkflow` - `comfyPage.getNodeRefsByType` → `comfyPage.nodeOps.getNodeRefsByType` - Fix `comfyPage` type parameter to use `ComfyPage` import - Remove `test.fixme` since root cause was API mismatch, not test logic ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8995-fix-update-imagePreview-browser-tests-to-use-current-fixture-APIs-30d6d73d365081219c1eda4ea7251160) by [Unito](https://www.unito.io)
59 lines
2.1 KiB
TypeScript
59 lines
2.1 KiB
TypeScript
import { expect } from '@playwright/test'
|
|
|
|
import type { ComfyPage } from '../../../../fixtures/ComfyPage'
|
|
import { comfyPageFixture as test } from '../../../../fixtures/ComfyPage'
|
|
|
|
test.describe('Vue Nodes Image Preview', () => {
|
|
test.beforeEach(async ({ comfyPage }) => {
|
|
await comfyPage.settings.setSetting('Comfy.VueNodes.Enabled', true)
|
|
await comfyPage.workflow.loadWorkflow('widgets/load_image_widget')
|
|
await comfyPage.vueNodes.waitForNodes()
|
|
})
|
|
|
|
async function loadImageOnNode(comfyPage: ComfyPage) {
|
|
const loadImageNode = (
|
|
await comfyPage.nodeOps.getNodeRefsByType('LoadImage')
|
|
)[0]
|
|
const { x, y } = await loadImageNode.getPosition()
|
|
|
|
await comfyPage.dragDrop.dragAndDropFile('image64x64.webp', {
|
|
dropPosition: { x, y }
|
|
})
|
|
|
|
const imagePreview = comfyPage.page.locator('.image-preview')
|
|
await expect(imagePreview).toBeVisible()
|
|
await expect(imagePreview.locator('img')).toBeVisible()
|
|
await expect(imagePreview).toContainText('x')
|
|
|
|
return imagePreview
|
|
}
|
|
|
|
// TODO(#8143): Re-enable after image preview sync is working in CI
|
|
test.fixme('opens mask editor from image preview button', async ({
|
|
comfyPage
|
|
}) => {
|
|
const imagePreview = await loadImageOnNode(comfyPage)
|
|
|
|
await imagePreview.locator('[role="img"]').hover()
|
|
await comfyPage.page.getByLabel('Edit or mask image').click()
|
|
|
|
await expect(comfyPage.page.locator('.mask-editor-dialog')).toBeVisible()
|
|
})
|
|
|
|
// TODO(#8143): Re-enable after image preview sync is working in CI
|
|
test.fixme('shows image context menu options', async ({ comfyPage }) => {
|
|
await loadImageOnNode(comfyPage)
|
|
|
|
const nodeHeader = comfyPage.vueNodes.getNodeByTitle('Load Image')
|
|
await nodeHeader.click()
|
|
await nodeHeader.click({ button: 'right' })
|
|
|
|
const contextMenu = comfyPage.page.locator('.p-contextmenu')
|
|
await expect(contextMenu).toBeVisible()
|
|
await expect(contextMenu.getByText('Open Image')).toBeVisible()
|
|
await expect(contextMenu.getByText('Copy Image')).toBeVisible()
|
|
await expect(contextMenu.getByText('Save Image')).toBeVisible()
|
|
await expect(contextMenu.getByText('Open in Mask Editor')).toBeVisible()
|
|
})
|
|
})
|