mirror of https://github.com/vuejs/vue.git
54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
import Vue from 'vue'
|
|
|
|
describe('Directive v-text', () => {
|
|
it('should render text', () => {
|
|
const vm = new Vue({
|
|
template: '<div v-text="a"></div>',
|
|
data: { a: 'hello' }
|
|
}).$mount()
|
|
expect(vm.$el.innerHTML).toBe('hello')
|
|
})
|
|
|
|
it('should encode html entities', () => {
|
|
const vm = new Vue({
|
|
template: '<div v-text="a"></div>',
|
|
data: { a: '<foo>' }
|
|
}).$mount()
|
|
expect(vm.$el.innerHTML).toBe('<foo>')
|
|
})
|
|
|
|
it('should support all value types', done => {
|
|
const vm = new Vue({
|
|
template: '<div v-text="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('')
|
|
}).then(done)
|
|
})
|
|
})
|