mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 14:30:41 +00:00
[automated] Apply ESLint and Oxfmt fixes
This commit is contained in:
@@ -4,50 +4,46 @@ import {
|
||||
} from '../../../../fixtures/ComfyPage'
|
||||
import type { ComfyPage } from '../../../../fixtures/ComfyPage'
|
||||
|
||||
test.describe(
|
||||
'Textarea label overlap',
|
||||
{ tag: ['@widget'] },
|
||||
() => {
|
||||
test.beforeEach(async ({ comfyPage }) => {
|
||||
await comfyPage.settings.setSetting('Comfy.VueNodes.Enabled', true)
|
||||
await comfyPage.vueNodes.waitForNodes()
|
||||
})
|
||||
test.describe('Textarea label overlap', { tag: ['@widget'] }, () => {
|
||||
test.beforeEach(async ({ comfyPage }) => {
|
||||
await comfyPage.settings.setSetting('Comfy.VueNodes.Enabled', true)
|
||||
await comfyPage.vueNodes.waitForNodes()
|
||||
})
|
||||
|
||||
const getFirstClipNode = (comfyPage: ComfyPage) =>
|
||||
comfyPage.vueNodes.getNodeByTitle('CLIP Text Encode (Prompt)').first()
|
||||
const getFirstClipNode = (comfyPage: ComfyPage) =>
|
||||
comfyPage.vueNodes.getNodeByTitle('CLIP Text Encode (Prompt)').first()
|
||||
|
||||
const getTextarea = (comfyPage: ComfyPage) =>
|
||||
getFirstClipNode(comfyPage).getByRole('textbox', { name: 'text' })
|
||||
const getTextarea = (comfyPage: ComfyPage) =>
|
||||
getFirstClipNode(comfyPage).getByRole('textbox', { name: 'text' })
|
||||
|
||||
const getLabel = (comfyPage: ComfyPage) =>
|
||||
getFirstClipNode(comfyPage).locator('label')
|
||||
const getLabel = (comfyPage: ComfyPage) =>
|
||||
getFirstClipNode(comfyPage).locator('label')
|
||||
|
||||
test('label should have a background color to prevent text showing through when scrolled', async ({
|
||||
comfyPage
|
||||
}) => {
|
||||
const textarea = getTextarea(comfyPage)
|
||||
test('label should have a background color to prevent text showing through when scrolled', async ({
|
||||
comfyPage
|
||||
}) => {
|
||||
const textarea = getTextarea(comfyPage)
|
||||
|
||||
// Fill with enough lines to cause scrollable content
|
||||
const manyLines = Array.from(
|
||||
{ length: 20 },
|
||||
(_, i) => `Line ${i + 1}`
|
||||
).join('\n')
|
||||
await textarea.fill(manyLines)
|
||||
// Fill with enough lines to cause scrollable content
|
||||
const manyLines = Array.from(
|
||||
{ length: 20 },
|
||||
(_, i) => `Line ${i + 1}`
|
||||
).join('\n')
|
||||
await textarea.fill(manyLines)
|
||||
|
||||
const label = getLabel(comfyPage)
|
||||
await expect(label).toBeVisible()
|
||||
const label = getLabel(comfyPage)
|
||||
await expect(label).toBeVisible()
|
||||
|
||||
// The label must have a non-transparent background so scrolled text
|
||||
// does not show through it.
|
||||
const bgColor = await label.evaluate(
|
||||
(el) => getComputedStyle(el).backgroundColor
|
||||
)
|
||||
// The label must have a non-transparent background so scrolled text
|
||||
// does not show through it.
|
||||
const bgColor = await label.evaluate(
|
||||
(el) => getComputedStyle(el).backgroundColor
|
||||
)
|
||||
|
||||
// 'transparent' or 'rgba(0, 0, 0, 0)' means no background — the bug.
|
||||
expect(
|
||||
bgColor !== 'transparent' && bgColor !== 'rgba(0, 0, 0, 0)',
|
||||
`Expected label to have a solid background color, but got "${bgColor}"`
|
||||
).toBe(true)
|
||||
})
|
||||
}
|
||||
)
|
||||
// 'transparent' or 'rgba(0, 0, 0, 0)' means no background — the bug.
|
||||
expect(
|
||||
bgColor !== 'transparent' && bgColor !== 'rgba(0, 0, 0, 0)',
|
||||
`Expected label to have a solid background color, but got "${bgColor}"`
|
||||
).toBe(true)
|
||||
})
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user