import { transformFor } from '../../src/transforms/vFor'
import { ForNode, NodeTypes } from '../../src/ast'
import { ErrorCodes } from '../../src/errors'
+import { CompilerOptions } from '../../src'
+
+function transformWithFor(
+ template: string,
+ options: CompilerOptions = {}
+): ForNode {
+ const node = parse(template, options)
+ transform(node, { nodeTransforms: [transformFor], ...options })
+ if (!options.onError) {
+ expect(node.children.length).toBe(1)
+ expect(node.children[0].type).toBe(NodeTypes.FOR)
+ }
+ return node.children[0] as ForNode
+}
describe('compiler: transform v-for', () => {
test('number expression', () => {
- const node = parse('<span v-for="index in 5" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor('<span v-for="index in 5" />')
expect(forNode.keyAlias).toBeUndefined()
expect(forNode.objectIndexAlias).toBeUndefined()
expect(forNode.valueAlias!.content).toBe('index')
})
test('value', () => {
- const node = parse('<span v-for="(item) in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor('<span v-for="(item) in items" />')
expect(forNode.keyAlias).toBeUndefined()
expect(forNode.objectIndexAlias).toBeUndefined()
expect(forNode.valueAlias!.content).toBe('item')
})
test('object de-structured value', () => {
- const node = parse('<span v-for="({ id, value }) in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor(
+ '<span v-for="({ id, value }) in items" />'
+ )
expect(forNode.keyAlias).toBeUndefined()
expect(forNode.objectIndexAlias).toBeUndefined()
expect(forNode.valueAlias!.content).toBe('{ id, value }')
})
test('array de-structured value', () => {
- const node = parse('<span v-for="([ id, value ]) in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor(
+ '<span v-for="([ id, value ]) in items" />'
+ )
expect(forNode.keyAlias).toBeUndefined()
expect(forNode.objectIndexAlias).toBeUndefined()
expect(forNode.valueAlias!.content).toBe('[ id, value ]')
})
test('value and key', () => {
- const node = parse('<span v-for="(item, key) in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
+ const forNode = transformWithFor('<span v-for="(item, key) in items" />')
expect(forNode.keyAlias).not.toBeUndefined()
expect(forNode.keyAlias!.content).toBe('key')
expect(forNode.objectIndexAlias).toBeUndefined()
})
test('value, key and index', () => {
- const node = parse('<span v-for="(value, key, index) in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor(
+ '<span v-for="(value, key, index) in items" />'
+ )
expect(forNode.keyAlias).not.toBeUndefined()
expect(forNode.keyAlias!.content).toBe('key')
expect(forNode.objectIndexAlias).not.toBeUndefined()
})
test('skipped key', () => {
- const node = parse('<span v-for="(value,,index) in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor('<span v-for="(value,,index) in items" />')
expect(forNode.keyAlias).toBeUndefined()
expect(forNode.objectIndexAlias).not.toBeUndefined()
expect(forNode.objectIndexAlias!.content).toBe('index')
})
test('skipped value and key', () => {
- const node = parse('<span v-for="(,,index) in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor('<span v-for="(,,index) in items" />')
expect(forNode.keyAlias).toBeUndefined()
expect(forNode.objectIndexAlias).not.toBeUndefined()
expect(forNode.objectIndexAlias!.content).toBe('index')
})
test('unbracketed value', () => {
- const node = parse('<span v-for="item in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor('<span v-for="item in items" />')
expect(forNode.keyAlias).toBeUndefined()
expect(forNode.objectIndexAlias).toBeUndefined()
expect(forNode.valueAlias!.content).toBe('item')
})
test('unbracketed value and key', () => {
- const node = parse('<span v-for="item, key in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor('<span v-for="item, key in items" />')
expect(forNode.keyAlias).not.toBeUndefined()
expect(forNode.keyAlias!.content).toBe('key')
expect(forNode.objectIndexAlias).toBeUndefined()
})
test('unbracketed value, key and index', () => {
- const node = parse('<span v-for="value, key, index in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor(
+ '<span v-for="value, key, index in items" />'
+ )
expect(forNode.keyAlias).not.toBeUndefined()
expect(forNode.keyAlias!.content).toBe('key')
expect(forNode.objectIndexAlias).not.toBeUndefined()
})
test('unbracketed skipped key', () => {
- const node = parse('<span v-for="value, , index in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor('<span v-for="value, , index in items" />')
expect(forNode.keyAlias).toBeUndefined()
expect(forNode.objectIndexAlias).not.toBeUndefined()
expect(forNode.objectIndexAlias!.content).toBe('index')
})
test('unbracketed skipped value and key', () => {
- const node = parse('<span v-for=", , index in items" />')
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor('<span v-for=", , index in items" />')
expect(forNode.keyAlias).toBeUndefined()
expect(forNode.objectIndexAlias).not.toBeUndefined()
expect(forNode.objectIndexAlias!.content).toBe('index')
})
test('missing expression', () => {
- const node = parse('<span v-for />')
const onError = jest.fn()
- transform(node, { nodeTransforms: [transformFor], onError })
+ transformWithFor('<span v-for />', { onError })
expect(onError).toHaveBeenCalledTimes(1)
expect(onError).toHaveBeenCalledWith(
})
test('empty expression', () => {
- const node = parse('<span v-for="" />')
const onError = jest.fn()
- transform(node, { nodeTransforms: [transformFor], onError })
+ transformWithFor('<span v-for="" />', { onError })
expect(onError).toHaveBeenCalledTimes(1)
expect(onError).toHaveBeenCalledWith(
})
test('invalid expression', () => {
- const node = parse('<span v-for="items" />')
const onError = jest.fn()
- transform(node, { nodeTransforms: [transformFor], onError })
+ transformWithFor('<span v-for="items" />', { onError })
expect(onError).toHaveBeenCalledTimes(1)
expect(onError).toHaveBeenCalledWith(
})
test('missing source', () => {
- const node = parse('<span v-for="item in" />')
const onError = jest.fn()
- transform(node, { nodeTransforms: [transformFor], onError })
+ transformWithFor('<span v-for="item in" />', { onError })
expect(onError).toHaveBeenCalledTimes(1)
expect(onError).toHaveBeenCalledWith(
})
test('missing value', () => {
- const node = parse('<span v-for="in items" />')
const onError = jest.fn()
- transform(node, { nodeTransforms: [transformFor], onError })
+ transformWithFor('<span v-for="in items" />', { onError })
expect(onError).toHaveBeenCalledTimes(1)
expect(onError).toHaveBeenCalledWith(
describe('source location', () => {
test('value & source', () => {
const source = '<span v-for="item in items" />'
- const node = parse(source)
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor(source)
expect(forNode.valueAlias!.content).toBe('item')
expect(forNode.valueAlias!.loc.start.offset).toBe(
test('bracketed value', () => {
const source = '<span v-for="( item ) in items" />'
- const node = parse(source)
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor(source)
expect(forNode.valueAlias!.content).toBe('item')
expect(forNode.valueAlias!.loc.start.offset).toBe(
test('de-structured value', () => {
const source = '<span v-for="( { id, key })in items" />'
- const node = parse(source)
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor(source)
expect(forNode.valueAlias!.content).toBe('{ id, key }')
expect(forNode.valueAlias!.loc.start.offset).toBe(
test('bracketed value, key, index', () => {
const source = '<span v-for="( item, key, index ) in items" />'
- const node = parse(source)
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor(source)
expect(forNode.valueAlias!.content).toBe('item')
expect(forNode.valueAlias!.loc.start.offset).toBe(
test('skipped key', () => {
const source = '<span v-for="( item,, index ) in items" />'
- const node = parse(source)
-
- transform(node, { nodeTransforms: [transformFor] })
-
- expect(node.children.length).toBe(1)
-
- const forNode = node.children[0] as ForNode
-
- expect(forNode.type).toBe(NodeTypes.FOR)
+ const forNode = transformWithFor(source)
expect(forNode.valueAlias!.content).toBe('item')
expect(forNode.valueAlias!.loc.start.offset).toBe(