You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
104 lines
2.0 KiB
104 lines
2.0 KiB
import Vue from 'vue'
|
|
|
|
describe('Options watch', () => {
|
|
let spy
|
|
beforeEach(() => {
|
|
spy = jasmine.createSpy('watch')
|
|
})
|
|
|
|
it('basic usage', done => {
|
|
const vm = new Vue({
|
|
data: {
|
|
a: 1
|
|
},
|
|
watch: {
|
|
a: spy
|
|
}
|
|
})
|
|
expect(spy).not.toHaveBeenCalled()
|
|
vm.a = 2
|
|
expect(spy).not.toHaveBeenCalled()
|
|
waitForUpdate(() => {
|
|
expect(spy).toHaveBeenCalledWith(2, 1)
|
|
}).then(done)
|
|
})
|
|
|
|
it('string method name', done => {
|
|
const vm = new Vue({
|
|
data: {
|
|
a: 1
|
|
},
|
|
watch: {
|
|
a: 'onChange'
|
|
},
|
|
methods: {
|
|
onChange: spy
|
|
}
|
|
})
|
|
expect(spy).not.toHaveBeenCalled()
|
|
vm.a = 2
|
|
expect(spy).not.toHaveBeenCalled()
|
|
waitForUpdate(() => {
|
|
expect(spy).toHaveBeenCalledWith(2, 1)
|
|
}).then(done)
|
|
})
|
|
|
|
it('multiple cbs (after option merge)', done => {
|
|
const spy1 = jasmine.createSpy('watch')
|
|
const Test = Vue.extend({
|
|
watch: {
|
|
a: spy1
|
|
}
|
|
})
|
|
const vm = new Test({
|
|
data: { a: 1 },
|
|
watch: {
|
|
a: spy
|
|
}
|
|
})
|
|
vm.a = 2
|
|
waitForUpdate(() => {
|
|
expect(spy1).toHaveBeenCalledWith(2, 1)
|
|
expect(spy).toHaveBeenCalledWith(2, 1)
|
|
}).then(done)
|
|
})
|
|
|
|
it('with option: immediate', done => {
|
|
const vm = new Vue({
|
|
data: { a: 1 },
|
|
watch: {
|
|
a: {
|
|
handler: spy,
|
|
immediate: true
|
|
}
|
|
}
|
|
})
|
|
expect(spy).toHaveBeenCalledWith(1)
|
|
vm.a = 2
|
|
waitForUpdate(() => {
|
|
expect(spy).toHaveBeenCalledWith(2, 1)
|
|
}).then(done)
|
|
})
|
|
|
|
it('with option: deep', done => {
|
|
const vm = new Vue({
|
|
data: { a: { b: 1 }},
|
|
watch: {
|
|
a: {
|
|
handler: spy,
|
|
deep: true
|
|
}
|
|
}
|
|
})
|
|
const oldA = vm.a
|
|
expect(spy).not.toHaveBeenCalled()
|
|
vm.a.b = 2
|
|
expect(spy).not.toHaveBeenCalled()
|
|
waitForUpdate(() => {
|
|
expect(spy).toHaveBeenCalledWith(vm.a, vm.a)
|
|
vm.a = { b: 3 }
|
|
}).then(() => {
|
|
expect(spy).toHaveBeenCalledWith(vm.a, oldA)
|
|
}).then(done)
|
|
})
|
|
})
|
|
|