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

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

if (_.inBrowser) {
  describe('el', function () {

    var el
    beforeEach(function () {
      el = document.createElement('div')
      spyOn(_, 'warn')
      spyOn(_, 'log')
    })

    it('normal', function (done) {
      var vm = new Vue({
        el: el,
        data: {
          ok: true
        },
        template: '<div v-if="ok" v-el:test-el id="test"></div>'
      })
      expect(vm.$els.testEl).toBeTruthy()
      expect(vm.$els.testEl.id).toBe('test')
      vm.ok = false
      _.nextTick(function () {
        expect(vm.$els.testEl).toBeNull()
        vm.ok = true
        _.nextTick(function () {
          expect(vm.$els.testEl.id).toBe('test')
          done()
        })
      })
    })

    it('inside v-for', function () {
      var vm = new Vue({
        el: el,
        data: { items: [1, 2] },
        template: '<div v-for="n in items"><p v-el:test>{{n}}</p>{{$els.test.textContent}}</div>'
      })
      expect(vm.$el.textContent).toBe('1122')
    })

  })
}