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.
80 lines
2.2 KiB
80 lines
2.2 KiB
import { parseComponent } from 'sfc/parser'
|
|
|
|
describe('Single File Component parser', () => {
|
|
it('should parse', () => {
|
|
const res = parseComponent(`
|
|
<template>
|
|
<div>hi</div>
|
|
</template>
|
|
<style src="./test.css"></style>
|
|
<style lang="stylus" scoped>
|
|
h1
|
|
color red
|
|
h2
|
|
color green
|
|
</style>
|
|
<style module>
|
|
h1 { font-weight: bold }
|
|
</style>
|
|
<script>
|
|
export default {}
|
|
</script>
|
|
<div>
|
|
<style>nested should be ignored</style>
|
|
</div>
|
|
`)
|
|
expect(res.template.content.trim()).toBe('<div>hi</div>')
|
|
expect(res.styles.length).toBe(3)
|
|
expect(res.styles[0].src).toBe('./test.css')
|
|
expect(res.styles[1].lang).toBe('stylus')
|
|
expect(res.styles[1].scoped).toBe(true)
|
|
expect(res.styles[1].content.trim()).toBe('h1\n color red\nh2\n color green')
|
|
expect(res.styles[2].module).toBe(true)
|
|
expect(res.script.content.trim()).toBe('export default {}')
|
|
})
|
|
|
|
it('should parse template with closed input', () => {
|
|
const res = parseComponent(`
|
|
<template>
|
|
<input type="text"/>
|
|
</template>
|
|
`)
|
|
|
|
expect(res.template.content.trim()).toBe('<input type="text"/>')
|
|
})
|
|
|
|
it('should handle nested template', () => {
|
|
const res = parseComponent(`
|
|
<template>
|
|
<div><template v-if="ok">hi</template></div>
|
|
</template>
|
|
`)
|
|
expect(res.template.content.trim()).toBe('<div><template v-if="ok">hi</template></div>')
|
|
})
|
|
|
|
it('pad content', () => {
|
|
const res = parseComponent(`
|
|
<template>
|
|
<div></div>
|
|
</template>
|
|
<script>
|
|
export default {}
|
|
</script>
|
|
<style>
|
|
h1 { color: red }
|
|
</style>
|
|
`.trim(), { pad: true })
|
|
expect(res.script.content).toBe(Array(3 + 1).join('//\n') + '\nexport default {}\n')
|
|
expect(res.styles[0].content).toBe(Array(6 + 1).join('\n') + '\nh1 { color: red }\n')
|
|
})
|
|
|
|
it('should handle template blocks with lang as special text', () => {
|
|
const res = parseComponent(`
|
|
<template lang="pug">
|
|
div
|
|
h1(v-if='1 < 2') hello
|
|
</template>
|
|
`)
|
|
expect(res.template.content.trim()).toBe(`div\n h1(v-if='1 < 2') hello`)
|
|
})
|
|
})
|
|
|