vue/test/unit/specs/util/dom_spec.js

var _ = require('../../../../src/util')

if (_.inBrowser) {

  describe('Util - DOM', function () {

    var parent, child, target

    function div () {
      return document.createElement('div')
    }

    beforeEach(function () {
      parent = div()
      child = div()
      target = div()
      parent.appendChild(child) 
    })

    it('inDoc', function () {
      expect(_.inDoc(target)).toBe(false)
      document.body.appendChild(target)
      expect(_.inDoc(target)).toBe(true)
      document.body.removeChild(target)
      expect(_.inDoc(target)).toBe(false)
    })

    it('attr', function () {
      target.setAttribute('v-test', 'ok')
      var val = _.attr(target, 'test')
      expect(val).toBe('ok')
      expect(target.hasAttribute('v-test')).toBe(false)
    })
    
    it('before', function () {
      _.before(target, child)
      expect(target.parentNode).toBe(parent)
      expect(target.nextSibling).toBe(child)
    })

    it('after', function () {
      _.after(target, child)
      expect(target.parentNode).toBe(parent)
      expect(child.nextSibling).toBe(target)
    })

    it('after with sibling', function () {
      var sibling = div()
      parent.appendChild(sibling)
      _.after(target, child)
      expect(target.parentNode).toBe(parent)
      expect(child.nextSibling).toBe(target)
    })

    it('remove', function () {
      _.remove(child)
      expect(child.parentNode).toBeNull()
      expect(parent.childNodes.length).toBe(0)
    })

    it('prepend', function () {
      _.prepend(target, parent)
      expect(target.parentNode).toBe(parent)
      expect(parent.firstChild).toBe(target)
    })

    it('prepend to empty node', function () {
      parent.removeChild(child)
      _.prepend(target, parent)
      expect(target.parentNode).toBe(parent)
      expect(parent.firstChild).toBe(target)
    })

    it('replace', function () {
      _.replace(child, target)
      expect(parent.childNodes.length).toBe(1)
      expect(parent.firstChild).toBe(target)
    })

    it('on/off', function () {
      // IE requires element to be in document to fire events
      document.body.appendChild(target)
      var spy = jasmine.createSpy()
      _.on(target, 'click', spy)
      var e = document.createEvent('HTMLEvents')
      e.initEvent('click', true, true)
      target.dispatchEvent(e)
      expect(spy.calls.count()).toBe(1)
      expect(spy).toHaveBeenCalledWith(e)
      _.off(target, 'click', spy)
      target.dispatchEvent(e)
      expect(spy.calls.count()).toBe(1)
      document.body.removeChild(target)
    })

    it('addClass/removeClass', function () {
      var el = document.createElement('div')
      el.className = 'aa bb cc'
      _.removeClass(el, 'bb')
      expect(el.className).toBe('aa cc')
      _.removeClass(el, 'aa')
      expect(el.className).toBe('cc')
      _.addClass(el, 'bb')
      expect(el.className).toBe('cc bb')
      _.addClass(el, 'bb')
      expect(el.className).toBe('cc bb')
    })

    it('addClass/removeClass for SVG/IE9', function () {
      var el = document.createElementNS('http://www.w3.org/2000/svg', 'circle')
      el.setAttribute('class', 'aa bb cc')
      _.removeClass(el, 'bb')
      expect(el.getAttribute('class')).toBe('aa cc')
      _.removeClass(el, 'aa')
      expect(el.getAttribute('class')).toBe('cc')
      _.addClass(el, 'bb')
      expect(el.getAttribute('class')).toBe('cc bb')
      _.addClass(el, 'bb')
      expect(el.getAttribute('class')).toBe('cc bb')
    })
  })
}