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.
56 lines
1.6 KiB
56 lines
1.6 KiB
import Vue from 'vue'
|
|
|
|
describe('Directive v-show', () => {
|
|
it('should check show value is truthy', () => {
|
|
const vm = new Vue({
|
|
el: '#app',
|
|
template: '<div><span v-show="foo">hello</span></div>',
|
|
data: { foo: true }
|
|
})
|
|
expect(vm.$el.firstChild.style.display).toBe('')
|
|
})
|
|
|
|
it('should check show value is falsy', () => {
|
|
const vm = new Vue({
|
|
el: '#app',
|
|
template: '<div><span v-show="foo">hello</span></div>',
|
|
data: { foo: false }
|
|
})
|
|
expect(vm.$el.firstChild.style.display).toBe('none')
|
|
})
|
|
|
|
it('should update show value changed', done => {
|
|
const vm = new Vue({
|
|
el: '#app',
|
|
template: '<div><span v-show="foo">hello</span></div>',
|
|
data: { foo: true }
|
|
})
|
|
expect(vm.$el.firstChild.style.display).toBe('')
|
|
vm.foo = false
|
|
waitForUpdate(() => {
|
|
expect(vm.$el.firstChild.style.display).toBe('none')
|
|
vm.foo = {}
|
|
}).then(() => {
|
|
expect(vm.$el.firstChild.style.display).toBe('')
|
|
vm.foo = 0
|
|
}).then(() => {
|
|
expect(vm.$el.firstChild.style.display).toBe('none')
|
|
vm.foo = []
|
|
}).then(() => {
|
|
expect(vm.$el.firstChild.style.display).toBe('')
|
|
vm.foo = null
|
|
}).then(() => {
|
|
expect(vm.$el.firstChild.style.display).toBe('none')
|
|
vm.foo = '0'
|
|
}).then(() => {
|
|
expect(vm.$el.firstChild.style.display).toBe('')
|
|
vm.foo = undefined
|
|
}).then(() => {
|
|
expect(vm.$el.firstChild.style.display).toBe('none')
|
|
vm.foo = 1
|
|
}).then(() => {
|
|
expect(vm.$el.firstChild.style.display).toBe('')
|
|
done()
|
|
}).catch(done)
|
|
})
|
|
})
|
|
|