mirror of https://github.com/vuejs/vue.git
97 lines
2.4 KiB
TypeScript
97 lines
2.4 KiB
TypeScript
import Vue from 'vue'
|
|
|
|
describe('Instance methods events', () => {
|
|
let vm, spy
|
|
beforeEach(() => {
|
|
vm = new Vue({})
|
|
spy = vi.fn()
|
|
})
|
|
|
|
it('$on', () => {
|
|
vm.$on('test', function () {
|
|
// expect correct context
|
|
expect(this).toBe(vm)
|
|
spy.apply(this, arguments)
|
|
})
|
|
vm.$emit('test', 1, 2, 3, 4)
|
|
expect(spy.mock.calls.length).toBe(1)
|
|
expect(spy).toHaveBeenCalledWith(1, 2, 3, 4)
|
|
})
|
|
|
|
it('$on multi event', () => {
|
|
vm.$on(['test1', 'test2'], function () {
|
|
expect(this).toBe(vm)
|
|
spy.apply(this, arguments)
|
|
})
|
|
vm.$emit('test1', 1, 2, 3, 4)
|
|
expect(spy.mock.calls.length).toBe(1)
|
|
expect(spy).toHaveBeenCalledWith(1, 2, 3, 4)
|
|
vm.$emit('test2', 5, 6, 7, 8)
|
|
expect(spy.mock.calls.length).toBe(2)
|
|
expect(spy).toHaveBeenCalledWith(5, 6, 7, 8)
|
|
})
|
|
|
|
it('$off multi event', () => {
|
|
vm.$on(['test1', 'test2', 'test3'], spy)
|
|
vm.$off(['test1', 'test2'], spy)
|
|
vm.$emit('test1')
|
|
vm.$emit('test2')
|
|
expect(spy).not.toHaveBeenCalled()
|
|
vm.$emit('test3', 1, 2, 3, 4)
|
|
expect(spy.mock.calls.length).toBe(1)
|
|
})
|
|
|
|
it('$off multi event without callback', () => {
|
|
vm.$on(['test1', 'test2'], spy)
|
|
vm.$off(['test1', 'test2'])
|
|
vm.$emit('test1')
|
|
expect(spy).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('$once', () => {
|
|
vm.$once('test', spy)
|
|
vm.$emit('test', 1, 2, 3)
|
|
vm.$emit('test', 2, 3, 4)
|
|
expect(spy.mock.calls.length).toBe(1)
|
|
expect(spy).toHaveBeenCalledWith(1, 2, 3)
|
|
})
|
|
|
|
it('$off event added by $once', () => {
|
|
vm.$once('test', spy)
|
|
vm.$off('test', spy) // test off event and this event added by once
|
|
vm.$emit('test', 1, 2, 3)
|
|
expect(spy).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('$off', () => {
|
|
vm.$on('test1', spy)
|
|
vm.$on('test2', spy)
|
|
vm.$off()
|
|
vm.$emit('test1')
|
|
vm.$emit('test2')
|
|
expect(spy).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('$off event', () => {
|
|
vm.$on('test1', spy)
|
|
vm.$on('test2', spy)
|
|
vm.$off('test1')
|
|
vm.$off('test1') // test off something that's already off
|
|
vm.$emit('test1', 1)
|
|
vm.$emit('test2', 2)
|
|
expect(spy.mock.calls.length).toBe(1)
|
|
expect(spy).toHaveBeenCalledWith(2)
|
|
})
|
|
|
|
it('$off event + fn', () => {
|
|
const spy2 = vi.fn()
|
|
vm.$on('test', spy)
|
|
vm.$on('test', spy2)
|
|
vm.$off('test', spy)
|
|
vm.$emit('test', 1, 2, 3)
|
|
expect(spy).not.toHaveBeenCalled()
|
|
expect(spy2.mock.calls.length).toBe(1)
|
|
expect(spy2).toHaveBeenCalledWith(1, 2, 3)
|
|
})
|
|
})
|