feat(core): support v-show directive (#310)

This commit is contained in:
likui
2019-11-25 11:04:26 +08:00
committed by Evan You
parent 1765985ec2
commit 00857ac816
9 changed files with 253 additions and 4 deletions

View File

@@ -0,0 +1,36 @@
import { parse, transform, generate, CompilerOptions } from '@vue/compiler-core'
import { transformElement } from '../../../compiler-core/src/transforms/transformElement'
import { transformShow } from '../../src/transforms/vShow'
import { DOMErrorCodes } from '../../src/errors'
function transformWithShow(template: string, options: CompilerOptions = {}) {
const ast = parse(template)
transform(ast, {
nodeTransforms: [transformElement],
directiveTransforms: {
show: transformShow
},
...options
})
return ast
}
describe('compiler: v-show transform', () => {
test('simple expression', () => {
const ast = transformWithShow(`<div v-show="a"/>`)
expect(generate(ast).code).toMatchSnapshot()
})
test('should raise error if has no expression', () => {
const onError = jest.fn()
transformWithShow(`<div v-show/>`, { onError })
expect(onError).toHaveBeenCalledTimes(1)
expect(onError).toHaveBeenCalledWith(
expect.objectContaining({
code: DOMErrorCodes.X_V_SHOW_NO_EXPRESSION
})
)
})
})