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
2.1 KiB
56 lines
2.1 KiB
8 years ago
|
import { compile } from '../../../packages/weex-template-compiler'
|
||
|
|
|
||
|
|
describe('compile class', () => {
|
||
|
|
it('should be compiled', () => {
|
||
|
|
const { render, staticRenderFns, errors } = compile(`<div class="a b c"></div>`)
|
||
|
|
expect(render).not.toBeUndefined()
|
||
|
|
expect(staticRenderFns).not.toBeUndefined()
|
||
|
|
expect(staticRenderFns.length).toEqual(1)
|
||
|
|
expect(staticRenderFns).toMatch(/staticClass\:\["a","b","c"\]/)
|
||
|
|
expect(errors).toEqual([])
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should compile dynamic class', () => {
|
||
|
|
const { render, staticRenderFns, errors } = compile(`<div class="a {{b}} c"></div>`)
|
||
|
|
expect(render).not.toBeUndefined()
|
||
|
|
expect(staticRenderFns).toEqual([])
|
||
|
|
expect(render).toMatch(/class\:\["a",_s\(b\),"c"\]/)
|
||
|
|
expect(errors).not.toBeUndefined()
|
||
|
|
expect(errors.length).toEqual(1)
|
||
|
|
expect(errors[0]).toMatch(/a \{\{b\}\} c/)
|
||
|
|
expect(errors[0]).toMatch(/v\-bind/)
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should compile class binding of array', () => {
|
||
|
|
const { render, staticRenderFns, errors } = compile(`<div v-bind:class="['a', 'b', c]"></div>`)
|
||
|
|
expect(render).not.toBeUndefined()
|
||
|
|
expect(staticRenderFns).toEqual([])
|
||
|
|
expect(render).toMatch(/class\:\['a', 'b', c\]/)
|
||
|
|
expect(errors).toEqual([])
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should compile class binding of map', () => {
|
||
|
|
const { render, staticRenderFns, errors } = compile(`<div v-bind:class="{ a: true, b: x }"></div>`)
|
||
|
|
expect(render).not.toBeUndefined()
|
||
|
|
expect(staticRenderFns).toEqual([])
|
||
|
|
expect(render).toMatch(/class\:\{ a\: true, b\: x \}/)
|
||
|
|
expect(errors).toEqual([])
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should compile class binding of a variable', () => {
|
||
|
|
const { render, staticRenderFns, errors } = compile(`<div v-bind:class="x"></div>`)
|
||
|
|
expect(render).not.toBeUndefined()
|
||
|
|
expect(staticRenderFns).toEqual([])
|
||
|
|
expect(render).toMatch(/class\:x/)
|
||
|
|
expect(errors).toEqual([])
|
||
|
|
})
|
||
|
|
|
||
|
|
it('should compile class binding by shorthand', () => {
|
||
|
|
const { render, staticRenderFns, errors } = compile(`<div :class="['a', 'b', c]"></div>`)
|
||
|
|
expect(render).not.toBeUndefined()
|
||
|
|
expect(staticRenderFns).toEqual([])
|
||
|
|
expect(render).toMatch(/class\:\['a', 'b', c\]/)
|
||
|
|
expect(errors).toEqual([])
|
||
|
|
})
|
||
|
|
})
|