mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 06:20:11 +00:00
277ee5c32e
## Summary Add tests verifying real model loading: - Upload cube.obj via file chooser button - Drag-and-drop cube.obj onto the 3D canvas - Add data-testid to LoadingOverlay for stable test selectors. Add tests verifying 3d viewer openning: - Open viewer from Load3D node via expand button, verify canvas and controls sidebar - Cancel button closes the viewer dialog ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-10957-test-add-E2E-tests-for-Load3D-model-upload-and-drag-drop-and-basic-e2e-for-3d-viewer-33c6d73d3650810c8ff8ed656a5164a6) by [Unito](https://www.unito.io) --------- Co-authored-by: github-actions <github-actions@github.com>
57 lines
1.8 KiB
TypeScript
57 lines
1.8 KiB
TypeScript
import { expect } from '@playwright/test'
|
|
|
|
import { assetPath } from '@e2e/fixtures/utils/paths'
|
|
import { load3dViewerTest as test } from '@e2e/fixtures/helpers/Load3DFixtures'
|
|
|
|
test.describe('Load3D Viewer', () => {
|
|
test.beforeEach(async ({ comfyPage, load3d }) => {
|
|
// Upload cube.obj so the node has a model loaded
|
|
const uploadResponsePromise = comfyPage.page.waitForResponse(
|
|
(resp) => resp.url().includes('/upload/') && resp.status() === 200,
|
|
{ timeout: 15000 }
|
|
)
|
|
const fileChooserPromise = comfyPage.page.waitForEvent('filechooser')
|
|
await load3d.getUploadButton('upload 3d model').click()
|
|
const fileChooser = await fileChooserPromise
|
|
await fileChooser.setFiles(assetPath('cube.obj'))
|
|
await uploadResponsePromise
|
|
|
|
const nodeRef = await comfyPage.nodeOps.getNodeRefById(1)
|
|
const modelFileWidget = await nodeRef.getWidget(0)
|
|
await expect
|
|
.poll(() => modelFileWidget.getValue(), { timeout: 5000 })
|
|
.toContain('cube.obj')
|
|
|
|
await load3d.waitForModelLoaded()
|
|
})
|
|
|
|
test(
|
|
'Opens viewer dialog with canvas and controls sidebar',
|
|
{ tag: '@smoke' },
|
|
async ({ load3d, viewer }) => {
|
|
await load3d.openViewerButton.click()
|
|
await viewer.waitForOpen()
|
|
|
|
await expect(viewer.canvas).toBeVisible()
|
|
const canvasBox = await viewer.canvas.boundingBox()
|
|
expect(canvasBox!.width).toBeGreaterThan(0)
|
|
expect(canvasBox!.height).toBeGreaterThan(0)
|
|
|
|
await expect(viewer.sidebar).toBeVisible()
|
|
await expect(viewer.cancelButton).toBeVisible()
|
|
}
|
|
)
|
|
|
|
test(
|
|
'Cancel button closes the viewer dialog',
|
|
{ tag: '@smoke' },
|
|
async ({ load3d, viewer }) => {
|
|
await load3d.openViewerButton.click()
|
|
await viewer.waitForOpen()
|
|
|
|
await viewer.cancelButton.click()
|
|
await viewer.waitForClosed()
|
|
}
|
|
)
|
|
})
|