Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-03-02 19:49:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

UrlInput emits update:modelValue only on blur (#2331)

Browse Source
This commit is contained in:
Chenlei Hu
2025-01-23 14:55:12 -05:00
committed by GitHub
parent 157475cb2e
commit e8136ff0ae
2 changed files with 33 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/common/__tests__/UrlInput.test.ts
View File

@@ -35,7 +35,7 @@ describe('UrlInput', () => {
expect(wrapper.find('input').attributes('disabled')).toBe('')
})
it('emits update:modelValue on input', async () => {
it('emits update:modelValue on blur', async () => {
const wrapper = mountComponent({
modelValue: '',
placeholder: 'Enter URL'
@@ -43,6 +43,7 @@ describe('UrlInput', () => {
const input = wrapper.find('input')
await input.setValue('https://test.com')
await input.trigger('blur')
expect(wrapper.emitted('update:modelValue')?.[0]).toEqual([
'https://test.com'
@@ -51,7 +52,7 @@ describe('UrlInput', () => {
it('renders spinner when validation is loading', async () => {
const wrapper = mountComponent({
modelValue: 'https://test.com',
modelValue: '',
placeholder: 'Enter URL',
validateUrlFn: () =>
new Promise(() => {
@@ -59,9 +60,8 @@ describe('UrlInput', () => {
})
})
const input = wrapper.findComponent(InputText)
await input.trigger('blur')
wrapper.setProps({ modelValue: 'https://test.com' })
await nextTick()
await nextTick()
expect(wrapper.find('.pi-spinner').exists()).toBe(true)
@@ -69,14 +69,13 @@ describe('UrlInput', () => {
it('renders check icon when validation is valid', async () => {
const wrapper = mountComponent({
modelValue: 'https://test.com',
modelValue: '',
placeholder: 'Enter URL',
validateUrlFn: () => Promise.resolve(true)
})
const input = wrapper.findComponent(InputText)
await input.trigger('blur')
wrapper.setProps({ modelValue: 'https://test.com' })
await nextTick()
await nextTick()
expect(wrapper.find('.pi-check').exists()).toBe(true)
@@ -84,14 +83,13 @@ describe('UrlInput', () => {
it('renders cross icon when validation is invalid', async () => {
const wrapper = mountComponent({
modelValue: 'https://test.com',
modelValue: '',
placeholder: 'Enter URL',
validateUrlFn: () => Promise.resolve(false)
})
const input = wrapper.findComponent(InputText)
await input.trigger('blur')
wrapper.setProps({ modelValue: 'https://test.com' })
await nextTick()
await nextTick()
expect(wrapper.find('.pi-times').exists()).toBe(true)