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.
49 lines
1.2 KiB
49 lines
1.2 KiB
import Vue from 'vue'
|
|
|
|
describe('Directive v-model component', () => {
|
|
it('should work', done => {
|
|
const vm = new Vue({
|
|
data: {
|
|
msg: 'hello'
|
|
},
|
|
template: `
|
|
<div>
|
|
<p>{{ msg }}</p>
|
|
<validate v-model="msg">
|
|
<input type="text">
|
|
</validate>
|
|
</div>
|
|
`,
|
|
components: {
|
|
validate: {
|
|
template: '<div><slot></slot></div>',
|
|
props: ['value'],
|
|
methods: {
|
|
onInput (e) {
|
|
// something validate ...
|
|
this.$emit('input', e.target.value)
|
|
}
|
|
},
|
|
mounted () {
|
|
this.$el.addEventListener('input', this.onInput)
|
|
},
|
|
destroyed () {
|
|
this.$el.removeEventListener('input', this.onInput)
|
|
}
|
|
}
|
|
}
|
|
}).$mount()
|
|
document.body.appendChild(vm.$el)
|
|
waitForUpdate(() => {
|
|
expect('v-model is not supported on element type').not.toHaveBeenWarned()
|
|
const input = vm.$el.querySelector('input')
|
|
input.value = 'world'
|
|
triggerEvent(input, 'input')
|
|
}).then(() => {
|
|
expect(vm.msg).toBe('world')
|
|
}).then(() => {
|
|
document.body.removeChild(vm.$el)
|
|
vm.$destroy()
|
|
}).then(done)
|
|
})
|
|
})
|
|
|