theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test: make dom events spec more stable

Browse Source
This commit is contained in:
Evan You 2019-10-10 22:02:41 -04:00
parent 13a6c49032
commit ba4e6e5b4d
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/runtime-dom/__tests__/events.spec.ts
View File

@ -1,18 +1,21 @@
import { patchEvent } from '../src/modules/events' import { patchEvent } from '../src/modules/events'
import { nextTick } from '@vue/runtime-dom'
describe(`events`, () => { describe(`events`, () => {
it('should assign event handler', () => { it('should assign event handler', async () => {
const el = document.createElement('div') const el = document.createElement('div')
const event = new Event('click') const event = new Event('click')
const fn = jest.fn() const fn = jest.fn()
patchEvent(el, 'click', null, fn, null) patchEvent(el, 'click', null, fn, null)
el.dispatchEvent(event) el.dispatchEvent(event)
await nextTick()
el.dispatchEvent(event) el.dispatchEvent(event)
await nextTick()
el.dispatchEvent(event) el.dispatchEvent(event)
expect(fn).toHaveBeenCalledTimes(3) expect(fn).toHaveBeenCalledTimes(3)
}) })
it('should update event handler', () => { it('should update event handler', async () => {
const el = document.createElement('div') const el = document.createElement('div')
const event = new Event('click') const event = new Event('click')
const prevFn = jest.fn() const prevFn = jest.fn()
@ -20,7 +23,9 @@ describe(`events`, () => {
patchEvent(el, 'click', null, prevFn, null) patchEvent(el, 'click', null, prevFn, null)
el.dispatchEvent(event) el.dispatchEvent(event)
patchEvent(el, 'click', prevFn, nextFn, null) patchEvent(el, 'click', prevFn, nextFn, null)
await nextTick()
el.dispatchEvent(event) el.dispatchEvent(event)
await nextTick()
el.dispatchEvent(event) el.dispatchEvent(event)
expect(prevFn).toHaveBeenCalledTimes(1) expect(prevFn).toHaveBeenCalledTimes(1)
expect(nextFn).toHaveBeenCalledTimes(2) expect(nextFn).toHaveBeenCalledTimes(2)
@ -47,7 +52,7 @@ describe(`events`, () => {
expect(fn).not.toHaveBeenCalled() expect(fn).not.toHaveBeenCalled()
}) })
it('should support event options', () => { it('should support event options', async () => {
const el = document.createElement('div') const el = document.createElement('div')
const event = new Event('click') const event = new Event('click')
const fn = jest.fn() const fn = jest.fn()
@ -59,11 +64,12 @@ describe(`events`, () => {
} }
patchEvent(el, 'click', null, nextValue, null) patchEvent(el, 'click', null, nextValue, null)
el.dispatchEvent(event) el.dispatchEvent(event)
await nextTick()
el.dispatchEvent(event) el.dispatchEvent(event)
expect(fn).toHaveBeenCalledTimes(1) expect(fn).toHaveBeenCalledTimes(1)
}) })
it('should support varying event options', () => { it('should support varying event options', async () => {
const el = document.createElement('div') const el = document.createElement('div')
const event = new Event('click') const event = new Event('click')
const prevFn = jest.fn() const prevFn = jest.fn()
@ -77,12 +83,13 @@ describe(`events`, () => {
patchEvent(el, 'click', null, prevFn, null) patchEvent(el, 'click', null, prevFn, null)
patchEvent(el, 'click', prevFn, nextValue, null) patchEvent(el, 'click', prevFn, nextValue, null)
el.dispatchEvent(event) el.dispatchEvent(event)
await nextTick()
el.dispatchEvent(event) el.dispatchEvent(event)
expect(prevFn).not.toHaveBeenCalled() expect(prevFn).not.toHaveBeenCalled()
expect(nextFn).toHaveBeenCalledTimes(1) expect(nextFn).toHaveBeenCalledTimes(1)
}) })
it('should unassign event handler with options', () => { it('should unassign event handler with options', async () => {
const el = document.createElement('div') const el = document.createElement('div')
const event = new Event('click') const event = new Event('click')
const fn = jest.fn() const fn = jest.fn()
@ -95,6 +102,7 @@ describe(`events`, () => {
patchEvent(el, 'click', null, nextValue, null) patchEvent(el, 'click', null, nextValue, null)
patchEvent(el, 'click', nextValue, null, null) patchEvent(el, 'click', nextValue, null, null)
el.dispatchEvent(event) el.dispatchEvent(event)
await nextTick()
el.dispatchEvent(event) el.dispatchEvent(event)
expect(fn).not.toHaveBeenCalled() expect(fn).not.toHaveBeenCalled()
}) })