vue/test/unit/specs/directives/internal/class_spec.js

var _ = require('src/util')
var def = require('src/directives/internal/class')

describe(':class', function () {
  var el
  beforeEach(function () {
    el = document.createElement('div')
  })

  it('plain string', function () {
    el.className = 'haha'
    var dir = _.extend({ el: el }, def)
    dir.update('test')
    expect(el.className).toBe('haha test')
    dir.update('what now test')
    expect(el.className).toBe('haha test now what')
    dir.update('ok cool')
    expect(el.className).toBe('haha cool ok')
    dir.update()
    expect(el.className).toBe('haha')
  })

  it('object value', function () {
    el.className = 'hoho'
    var dir = _.extend({ el: el }, def)
    dir.update({
      a: true,
      b: false
    })
    expect(el.className).toBe('hoho a')
    dir.update({
      b: true
    })
    expect(el.className).toBe('hoho b')
    dir.update(null)
    expect(el.className).toBe('hoho')
  })

  it('array value', function () {
    el.className = 'a'
    var dir = _.extend({ el: el }, def)
    dir.update(['b', 'c'])
    expect(el.className).toBe('a b c')
    dir.update(['d', 'c'])
    expect(el.className).toBe('a c d')
    dir.update()
    expect(el.className).toBe('a')
    // test mutating array
    var arr = ['e', '']
    dir.update(arr)
    expect(el.className).toBe('a e')
    arr.length = 0
    arr.push('f')
    dir.update(arr)
    expect(el.className).toBe('a f')
  })
})