import { parse, NodeTypes, ElementNode, TextNode, ErrorCodes, ExpressionNode, ElementTypes } from '@vue/compiler-core' import { parserOptionsMinimal as parserOptions, DOMNamespaces } from '../src/parserOptionsMinimal' describe('DOM parser', () => { describe('Text', () => { test('textarea handles comments/elements as just text', () => { const ast = parse( '', parserOptions ) const element = ast.children[0] as ElementNode const text = element.children[0] as TextNode expect(text).toStrictEqual({ type: NodeTypes.TEXT, content: 'some
text
and', isEmpty: false, loc: { start: { offset: 10, line: 1, column: 11 }, end: { offset: 46, line: 1, column: 47 }, source: 'some
text
and' } }) }) test('textarea handles character references', () => { const ast = parse('', parserOptions) const element = ast.children[0] as ElementNode const text = element.children[0] as TextNode expect(text).toStrictEqual({ type: NodeTypes.TEXT, content: '&', isEmpty: false, loc: { start: { offset: 10, line: 1, column: 11 }, end: { offset: 15, line: 1, column: 16 }, source: '&' } }) }) test('style handles comments/elements as just a text', () => { const ast = parse( '', parserOptions ) const element = ast.children[0] as ElementNode const text = element.children[0] as TextNode expect(text).toStrictEqual({ type: NodeTypes.TEXT, content: 'some
text
and', isEmpty: false, loc: { start: { offset: 7, line: 1, column: 8 }, end: { offset: 43, line: 1, column: 44 }, source: 'some
text
and' } }) }) test("style doesn't handle character references", () => { const ast = parse('', parserOptions) const element = ast.children[0] as ElementNode const text = element.children[0] as TextNode expect(text).toStrictEqual({ type: NodeTypes.TEXT, content: '&', isEmpty: false, loc: { start: { offset: 7, line: 1, column: 8 }, end: { offset: 12, line: 1, column: 13 }, source: '&' } }) }) test('CDATA', () => { const ast = parse('some text', parserOptions) const text = (ast.children[0] as ElementNode).children![0] as TextNode expect(text).toStrictEqual({ type: NodeTypes.TEXT, content: 'some text', isEmpty: false, loc: { start: { offset: 14, line: 1, column: 15 }, end: { offset: 23, line: 1, column: 24 }, source: 'some text' } }) }) }) describe('Interpolation', () => { test('HTML entities in interpolation should be translated for backward compatibility.', () => { const ast = parse('
{{ a < b }}
', parserOptions) const element = ast.children[0] as ElementNode const interpolation = element.children[0] as ExpressionNode expect(interpolation).toStrictEqual({ type: NodeTypes.EXPRESSION, content: 'a < b', isStatic: false, isInterpolation: true, loc: { start: { offset: 8, line: 1, column: 9 }, end: { offset: 16, line: 1, column: 17 }, source: 'a < b' } }) }) }) describe('Element', () => { test('void element', () => { const ast = parse('after', parserOptions) const element = ast.children[0] as ElementNode expect(element).toStrictEqual({ type: NodeTypes.ELEMENT, ns: DOMNamespaces.HTML, tag: 'img', tagType: ElementTypes.ELEMENT, props: [], isSelfClosing: false, children: [], loc: { start: { offset: 0, line: 1, column: 1 }, end: { offset: 5, line: 1, column: 6 }, source: '' }, codegenNode: undefined }) }) test('Strict end tag detection for textarea.', () => { const ast = parse( '', { ...parserOptions, onError: err => { if (err.code !== ErrorCodes.END_TAG_WITH_ATTRIBUTES) { throw err } } } ) const element = ast.children[0] as ElementNode const text = element.children[0] as TextNode expect(ast.children.length).toBe(1) expect(text).toStrictEqual({ type: NodeTypes.TEXT, content: 'hello', isEmpty: false, loc: { start: { offset: 10, line: 1, column: 11 }, end: { offset: 37, line: 1, column: 38 }, source: 'hello' } }) }) }) })