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.
54 lines
1.3 KiB
54 lines
1.3 KiB
import Vue from 'vue'
|
|
|
|
describe('Directive v-html', () => {
|
|
it('should render html', () => {
|
|
const vm = new Vue({
|
|
template: '<div v-html="a"></div>',
|
|
data: { a: 'hello' }
|
|
}).$mount()
|
|
expect(vm.$el.innerHTML).toBe('hello')
|
|
})
|
|
|
|
it('should encode html entities', () => {
|
|
const vm = new Vue({
|
|
template: '<div v-html="a"></div>',
|
|
data: { a: '<span></span>' }
|
|
}).$mount()
|
|
expect(vm.$el.innerHTML).toBe('<span></span>')
|
|
})
|
|
|
|
it('should support all value types', done => {
|
|
const vm = new Vue({
|
|
template: '<div v-html="a"></div>',
|
|
data: { a: false }
|
|
}).$mount()
|
|
waitForUpdate(() => {
|
|
expect(vm.$el.innerHTML).toBe('false')
|
|
vm.a = []
|
|
}).then(() => {
|
|
expect(vm.$el.innerHTML).toBe('[]')
|
|
vm.a = {}
|
|
}).then(() => {
|
|
expect(vm.$el.innerHTML).toBe('{}')
|
|
vm.a = 123
|
|
}).then(() => {
|
|
expect(vm.$el.innerHTML).toBe('123')
|
|
vm.a = 0
|
|
}).then(() => {
|
|
expect(vm.$el.innerHTML).toBe('0')
|
|
vm.a = ' '
|
|
}).then(() => {
|
|
expect(vm.$el.innerHTML).toBe(' ')
|
|
vm.a = ' '
|
|
}).then(() => {
|
|
expect(vm.$el.innerHTML).toBe(' ')
|
|
vm.a = null
|
|
}).then(() => {
|
|
expect(vm.$el.innerHTML).toBe('')
|
|
vm.a = undefined
|
|
}).then(() => {
|
|
expect(vm.$el.innerHTML).toBe('')
|
|
done()
|
|
}).catch(done)
|
|
})
|
|
})
|
|
|