vue/test/unit/specs/directives/public/html_spec.js

var _ = require('../../../../../src/util')
var def = require('../../../../../src/directives/public/html')

if (_.inBrowser) {
  describe('v-html', function () {

    var el
    beforeEach(function () {
      el = document.createElement('div')
    })

    it('element', function () {
      var dir = {
        el: el
      }
      _.extend(dir, def)
      dir.bind()
      dir.update('<div>1234</div><p>234</p>')
      expect(el.innerHTML).toBe('<div>1234</div><p>234</p>')
      dir.update('<p>123</p><div>444</div>')
      expect(el.innerHTML).toBe('<p>123</p><div>444</div>')
      dir.update(null)
      expect(el.innerHTML).toBe('')
    })

    it('inline', function () {
      var node = document.createComment('html-test')
      el.appendChild(node)
      var dir = {
        el: node
      }
      _.extend(dir, def)
      dir.bind()
      dir.update('<div>1234</div><p>234</p>')
      expect(el.innerHTML).toBe('<div>1234</div><p>234</p>')
      dir.update('<p>123</p><div>444</div>')
      expect(el.innerHTML).toBe('<p>123</p><div>444</div>')
      dir.update(null)
      expect(el.innerHTML).toBe('')
    })

  })
}