vue/test/unit/specs/parse/text_spec.js

var textParser = require('../../../../src/parse/text')
var config = require('../../../../src/config')
var Vue = require('../../../../src/vue')

var testCases = [
  {
    // no tags
    text: 'haha',
    expected: null
  },
  {
    // basic
    text: 'a {{ a }} c',
    expected: [
      { value: 'a ' },
      { tag: true, value: 'a', html: false, oneTime: false },
      { value: ' c' }
    ]
  },
  {
    // html
    text: '{{ text }} and {{{ html }}}',
    expected: [
      { tag: true, value: 'text', html: false, oneTime: false },
      { value: ' and ' },
      { tag: true, value: 'html', html: true, oneTime: false },
    ]
  },
  {
    // one time
    text: '{{* text }} and {{{* html }}}',
    expected: [
      { tag: true, value: 'text', html: false, oneTime: true },
      { value: ' and ' },
      { tag: true, value: 'html', html: true, oneTime: true },
    ]
  },
  {
    // partial
    text: '{{> hello }} and {{>hello}}',
    expected: [
      { tag: true, value: 'hello', html: false, oneTime: false, partial: true },
      { value: ' and ' },
      { tag: true, value: 'hello', html: false, oneTime: false, partial: true }
    ]
  },
  {
    text: '[{{abc}}]',
    expected: [
      { value: '[' },
      { tag: true, value: 'abc', html: false, oneTime: false },
      { value: ']' }
    ]
  }
]

function assertParse (test) {
  var res = textParser.parse(test.text)
  var exp = test.expected
  if (!Array.isArray(exp)) {
    expect(res).toBe(exp)
  } else {
    expect(res.length).toBe(exp.length)
    res.forEach(function (r, i) {
      var e = exp[i]
      for (var key in e) {
        expect(e[key]).toEqual(r[key])
      }
    })
  }
}

describe('Text Parser', function () {

  it('parse', function () {
    testCases.forEach(assertParse)
  })

  it('cache', function () {
    var res1 = textParser.parse('{{a}}')
    var res2 = textParser.parse('{{a}}')
    expect(res1).toBe(res2)
  })

  it('custom delimiters', function () {
    config.delimiters = ['[%', '%]']
    assertParse({
      text: '[%* text %] and [[% html %]]',
      expected: [
        { tag: true, value: 'text', html: false, oneTime: true },
        { value: ' and ' },
        { tag: true, value: 'html', html: true, oneTime: false },
      ]
    })
    config.delimiters = ['{{', '}}']
  })

  it('tokens to expression', function () {
    var tokens = textParser.parse('view-{{test + 1}}-test-{{ok + "|"}}')
    var exp = textParser.tokensToExp(tokens)
    expect(exp).toBe('"view-"+(test + 1)+"-test-"+(ok + "|")')
  })

  it('tokens to expression with oneTime tags & vm', function () {
    var vm = new Vue({
      data: { test: 'a', ok: 'b' }
    })
    var tokens = textParser.parse('view-{{*test}}-test-{{ok}}')
    var exp = textParser.tokensToExp(tokens, vm)
    expect(exp).toBe('"view-"+"a"+"-test-"+(ok)')
  })

  it('tokens to expression with filters, single expression', function () {
    var tokens = textParser.parse('{{test | abc}}')
    var exp = textParser.tokensToExp(tokens)
    expect(exp).toBe('test | abc')
  })

  it('tokens to expression with filters, multiple expressions', function () {
    var tokens = textParser.parse('a {{b | c d}} e')
    var exp = textParser.tokensToExp(tokens)
    expect(exp).toBe('"a "+this.$options.filters["c"].apply(this,[b,"d"])+" e"')
  })

})