root
/
vue3-core
mirror of https://github.com/vuejs/core.git
1
0
Fork 0
Code Issues Actions 10 Packages Projects Releases Wiki Activity

test(runtime-vapor): delegate events (#147)

This commit is contained in:
FireBushtree 2024-03-18 22:00:06 +08:00 committed by GitHub
parent 2661cb2474
commit 6fc5cfbc65
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/runtime-vapor/__tests__/directives/vModel.spec.ts
View File

@ -1,6 +1,7 @@
import { reactive, ref } from '@vue/reactivity' import { reactive, ref } from '@vue/reactivity'
import { import {
delegate, delegate,
delegateEvents,
on, on,
setClass, setClass,
setDOMProp, setDOMProp,
@ -15,7 +16,7 @@ import { nextTick } from '@vue/runtime-dom'
const define = makeRender() const define = makeRender()
const triggerEvent = (type: string, el: Element) => { const triggerEvent = (type: string, el: Element) => {
const event = new Event(type) const event = new Event(type, { bubbles: true })
el.dispatchEvent(event) el.dispatchEvent(event)
} }
@ -33,10 +34,11 @@ describe('directive: v-model', () => {
const data = ref<string | null | undefined>('') const data = ref<string | null | undefined>('')
const { host } = define(() => { const { host } = define(() => {
const t0 = template('<input />') const t0 = template('<input />')
delegateEvents('input')
const n0 = t0() as HTMLInputElement const n0 = t0() as HTMLInputElement
withDirectives(n0, [[vModelDynamic, () => data.value]]) withDirectives(n0, [[vModelDynamic, () => data.value]])
delegate(n0, 'update:modelValue', () => val => (data.value = val)) delegate(n0, 'update:modelValue', () => val => (data.value = val))
on(n0, 'input', () => () => spy(data.value)) delegate(n0, 'input', () => () => spy(data.value))
return n0 return n0
}).render() }).render()