mirror of https://github.com/vuejs/vue.git
74 lines
2.1 KiB
JavaScript
74 lines
2.1 KiB
JavaScript
import Vue from 'vue'
|
|
|
|
describe('Options template', () => {
|
|
let el
|
|
beforeEach(() => {
|
|
el = document.createElement('script')
|
|
el.type = 'x-template'
|
|
el.id = 'app'
|
|
el.innerHTML = '<p>{{message}}</p>'
|
|
document.body.appendChild(el)
|
|
})
|
|
|
|
afterEach(() => {
|
|
document.body.removeChild(el)
|
|
})
|
|
|
|
it('basic usage', () => {
|
|
const vm = new Vue({
|
|
template: '<div>{{message}}</div>',
|
|
data: { message: 'hello world' }
|
|
}).$mount()
|
|
expect(vm.$el.tagName).toBe('DIV')
|
|
expect(vm.$el.textContent).toBe(vm.message)
|
|
})
|
|
|
|
it('id reference', () => {
|
|
const vm = new Vue({
|
|
template: '#app',
|
|
data: { message: 'hello world' }
|
|
}).$mount()
|
|
expect(vm.$el.tagName).toBe('P')
|
|
expect(vm.$el.textContent).toBe(vm.message)
|
|
})
|
|
|
|
it('DOM element', () => {
|
|
const elm = document.createElement('p')
|
|
elm.innerHTML = '<p>{{message}}</p>'
|
|
const vm = new Vue({
|
|
template: elm,
|
|
data: { message: 'hello world' }
|
|
}).$mount()
|
|
expect(vm.$el.tagName).toBe('P')
|
|
expect(vm.$el.textContent).toBe(vm.message)
|
|
})
|
|
|
|
it('invalid template', () => {
|
|
new Vue({
|
|
template: Vue,
|
|
data: { message: 'hello world' }
|
|
}).$mount()
|
|
expect('invalid template option').toHaveBeenWarned()
|
|
})
|
|
|
|
it('warn error in generated function', () => {
|
|
new Vue({
|
|
template: '<div v-if="!@"><span>{{ a"" }}</span><span>{{ do + 1 }}</span></div>'
|
|
}).$mount()
|
|
expect('failed to compile template').toHaveBeenWarned()
|
|
expect('invalid expression: v-if="!@"').toHaveBeenWarned()
|
|
expect('invalid expression: {{ a"" }}').toHaveBeenWarned()
|
|
expect('avoid using JavaScript keyword as property name: "do" in expression {{ do + 1 }}').toHaveBeenWarned()
|
|
})
|
|
|
|
it('warn error in generated function (v-for)', () => {
|
|
new Vue({
|
|
template: '<div><div v-for="(1, 2) in a----"></div></div>'
|
|
}).$mount()
|
|
expect('failed to compile template').toHaveBeenWarned()
|
|
expect('invalid v-for alias "1"').toHaveBeenWarned()
|
|
expect('invalid v-for iterator "2"').toHaveBeenWarned()
|
|
expect('invalid expression: v-for="(1, 2) in a----"').toHaveBeenWarned()
|
|
})
|
|
})
|