test(runtime-vapor): delegate events

packages/runtime-vapor/__tests__/directives/vModel.spec.ts

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