Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-02-26 17:54:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

test: update LogoOverlay tests for pill badge design

Browse Source 
Amp-Thread-ID: https://ampcode.com/threads/T-019c07c8-7f01-71bf-a642-c3f612ee4a4a
Co-authored-by: Amp <amp@ampcode.com>
This commit is contained in:
Subagent 5
2026-01-28 21:25:35 -08:00
parent 9c5f4826cd
commit 0c5b97ee0a
1 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/templates/thumbnails/LogoOverlay.test.ts
View File

@@ -41,8 +41,8 @@ describe('LogoOverlay', () => {
it('applies default position when not specified', () => {
const wrapper = mountOverlay([{ provider: 'Google' }])
const container = wrapper.find('div')
expect(container.classes()).toContain('bottom-2')
expect(container.classes()).toContain('right-2')
expect(container.classes()).toContain('top-2')
expect(container.classes()).toContain('left-2')
})
it('applies custom position from logo config', () => {
@@ -54,37 +54,37 @@ describe('LogoOverlay', () => {
expect(container.classes()).toContain('left-2')
})
it('applies default medium size class', () => {
it('renders logo with fixed size and circular shape', () => {
const wrapper = mountOverlay([{ provider: 'Google' }])
const img = wrapper.find('img')
expect(img.classes()).toContain('h-8')
expect(img.classes()).toContain('w-8')
expect(img.classes()).toContain('h-5')
expect(img.classes()).toContain('w-5')
expect(img.classes()).toContain('rounded-[50%]')
})
it('applies small size class', () => {
const wrapper = mountOverlay([{ provider: 'Google', size: 'sm' }])
const img = wrapper.find('img')
expect(img.classes()).toContain('h-6')
expect(img.classes()).toContain('w-6')
})
it('applies large size class', () => {
const wrapper = mountOverlay([{ provider: 'Google', size: 'lg' }])
const img = wrapper.find('img')
expect(img.classes()).toContain('h-12')
expect(img.classes()).toContain('w-12')
})
it('applies default opacity', () => {
it('renders pill container with correct styling', () => {
const wrapper = mountOverlay([{ provider: 'Google' }])
const container = wrapper.find('div')
expect(container.attributes('style')).toContain('opacity: 0.9')
const pill = wrapper.find('.rounded-full')
expect(pill.exists()).toBe(true)
expect(pill.classes()).toContain('bg-black/20')
})
it('displays provider name in pill', () => {
const wrapper = mountOverlay([{ provider: 'Google' }])
const span = wrapper.find('span')
expect(span.text()).toBe('Google')
})
it('applies default opacity of 1', () => {
const wrapper = mountOverlay([{ provider: 'Google' }])
const pill = wrapper.find('.rounded-full')
expect(pill.attributes('style')).toContain('opacity: 1')
})
it('applies custom opacity', () => {
const wrapper = mountOverlay([{ provider: 'Google', opacity: 0.5 }])
const container = wrapper.find('div')
expect(container.attributes('style')).toContain('opacity: 0.5')
const pill = wrapper.find('.rounded-full')
expect(pill.attributes('style')).toContain('opacity: 0.5')
})
it('images are not draggable', () => {