mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-03-05 13:10:24 +00:00
38fb53dca8
## Summary
Create a composable for useRenderModeSetting that lets you set a setting
for either vue or litegraph and once set remembers each state
respectively.
```
useRenderModeSetting(
{ setting: 'LiteGraph.Canvas.MinFontSizeForLOD', vue: 0, litegraph: 8 },
shouldRenderVueNodes
)
```
## Screenshots (if applicable)
<img width="1611" height="997" alt="image"
src="https://github.com/user-attachments/assets/621930f2-2d21-4c86-a46d-e3e292d4e012"
/>
<img width="1611" height="997" alt="chrome_Gr1V3P6sJi"
src="https://github.com/user-attachments/assets/eb63b747-487f-4f5e-8fcf-f0d2ff97b976"
/>
┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6755-feat-LOD-setting-for-LG-and-Vue-2b16d73d365081cbbf09c292ee3c0e96)
by [Unito](https://www.unito.io)
50 lines
1.7 KiB
TypeScript
50 lines
1.7 KiB
TypeScript
import { expect } from '@playwright/test'
|
|
|
|
import { comfyPageFixture as test } from '../../../fixtures/ComfyPage'
|
|
|
|
test.beforeEach(async ({ comfyPage }) => {
|
|
await comfyPage.setSetting('Comfy.UseNewMenu', 'Disabled')
|
|
})
|
|
|
|
test.describe('Vue Nodes - LOD', () => {
|
|
test.beforeEach(async ({ comfyPage }) => {
|
|
await comfyPage.setSetting('Comfy.VueNodes.Enabled', true)
|
|
await comfyPage.setSetting('LiteGraph.Canvas.MinFontSizeForLOD', 8)
|
|
await comfyPage.setup()
|
|
await comfyPage.loadWorkflow('default')
|
|
})
|
|
|
|
test('should toggle LOD based on zoom threshold', async ({ comfyPage }) => {
|
|
await comfyPage.vueNodes.waitForNodes()
|
|
|
|
const initialNodeCount = await comfyPage.vueNodes.getNodeCount()
|
|
expect(initialNodeCount).toBeGreaterThan(0)
|
|
|
|
await expect(comfyPage.canvas).toHaveScreenshot('vue-nodes-default.png')
|
|
|
|
const vueNodesContainer = comfyPage.vueNodes.nodes
|
|
const textboxesInNodes = vueNodesContainer.getByRole('textbox')
|
|
const comboboxesInNodes = vueNodesContainer.getByRole('combobox')
|
|
|
|
await expect(textboxesInNodes.first()).toBeVisible()
|
|
await expect(comboboxesInNodes.first()).toBeVisible()
|
|
|
|
await comfyPage.zoom(120, 10)
|
|
await comfyPage.nextFrame()
|
|
|
|
await expect(comfyPage.canvas).toHaveScreenshot('vue-nodes-lod-active.png')
|
|
|
|
await expect(textboxesInNodes.first()).toBeHidden()
|
|
await expect(comboboxesInNodes.first()).toBeHidden()
|
|
|
|
await comfyPage.zoom(-120, 10)
|
|
await comfyPage.nextFrame()
|
|
|
|
await expect(comfyPage.canvas).toHaveScreenshot(
|
|
'vue-nodes-lod-inactive.png'
|
|
)
|
|
await expect(textboxesInNodes.first()).toBeVisible()
|
|
await expect(comboboxesInNodes.first()).toBeVisible()
|
|
})
|
|
})
|