more wip tests for compile

test/unit/specs/compile/compile_spec.js

@@ -29,6 +29,8 @@ if (_.inBrowser) {
     })
 
     it('normal directives', function () {
+      el.setAttribute('v-a', 'b')
+      el.innerHTML = '<p v-a="a" v-b="b">hello</p><div v-b="b"></div>'
       var defA = { priority: 1 }
       var defB = { priority: 2 }
       var descriptorA = dirParser.parse('a')[0]
@@ -39,27 +41,79 @@ if (_.inBrowser) {
           b: defB
         }
       })
-      el.innerHTML = '<p v-a="a" v-b="b"></p><div v-b="b"></div>'
       var linker = compile(el, options)
       expect(typeof linker).toBe('function')
       // should remove attributes
+      expect(el.attributes.length).toBe(0)
       expect(el.firstChild.attributes.length).toBe(0)
       expect(el.lastChild.attributes.length).toBe(0)
       linker(vm, el)
-      expect(vm._bindDir.calls.count()).toBe(3)
+      expect(vm._bindDir.calls.count()).toBe(4)
+      expect(vm._bindDir).toHaveBeenCalledWith('a', el, descriptorB, defA)
       expect(vm._bindDir).toHaveBeenCalledWith('a', el.firstChild, descriptorA, defA)
       expect(vm._bindDir).toHaveBeenCalledWith('b', el.firstChild, descriptorB, defB)
       expect(vm._bindDir).toHaveBeenCalledWith('b', el.lastChild, descriptorB, defB)
       // check the priority sorting
       // the "b" on the firstNode should be called first!
-      expect(vm._bindDir.calls.argsFor(0)[0]).toBe('b')
+      expect(vm._bindDir.calls.argsFor(1)[0]).toBe('b')
+    })
+
+    it('text interpolation', function () {
+      data.b = 'yeah'
+      el.innerHTML = '{{a}} and {{*b}}'
+      var def = Vue.options.directives.text
+      var linker = compile(el, Vue.options)
+      linker(vm, el)
+      // expect 1 call because one-time bindings do not generate a directive.
+      expect(vm._bindDir.calls.count()).toBe(1)
+      var args = vm._bindDir.calls.argsFor(0)
+      expect(args[0]).toBe('text')
+      // skip the node because it's generated in the linker fn via cloneNode
+      expect(args[2]).toBe(dirParser.parse('a')[0])
+      expect(args[3]).toBe(def)
+      // expect $eval to be called during onetime
+      expect(vm.$eval).toHaveBeenCalledWith('b')
+      // {{a}} is mocked so it's a space.
+      // but we want to make sure {{*b}} worked.
+      expect(el.innerHTML).toBe('  and yeah')
+    })
+
+    it('inline html and partial', function () {
+      data.html = 'yoyoyo'
+      el.innerHTML = '{{{html}}} {{{*html}}} {{>partial}}'
+      var htmlDef = Vue.options.directives.html
+      var partialDef = Vue.options.directives.partial
+      var htmlDesc = dirParser.parse('html')[0]
+      var partialDesc = dirParser.parse('partial')[0]
+      var linker = compile(el, Vue.options)
+      linker(vm, el)
+      expect(vm._bindDir.calls.count()).toBe(2)
+      var htmlArgs = vm._bindDir.calls.argsFor(0)
+      expect(htmlArgs[0]).toBe('html')
+      expect(htmlArgs[2]).toBe(htmlDesc)
+      expect(htmlArgs[3]).toBe(htmlDef)
+      var partialArgs = vm._bindDir.calls.argsFor(1)
+      expect(partialArgs[0]).toBe('partial')
+      expect(partialArgs[2]).toBe(partialDesc)
+      expect(partialArgs[3]).toBe(partialDef)
+      expect(vm.$eval).toHaveBeenCalledWith('html')
+      // with placeholder comments & interpolated one-time html
+      expect(el.innerHTML).toBe('<!--v-html--> yoyoyo <!--v-partial-->')
     })
 
     it('terminal directives', function () {
-      // body...
+      el.innerHTML = '<div v-repeat="items"><p v-a="b"></p></div>'
+      var def = Vue.options.directives.repeat
+      var descriptor = dirParser.parse('items')[0]
+      var linker = compile(el, Vue.options)
+      linker(vm, el)
+      // expect 1 call because terminal should return early and let
+      // the directive handle the rest.
+      expect(vm._bindDir.calls.count()).toBe(1)
+      expect(vm._bindDir).toHaveBeenCalledWith('repeat', el.firstChild, descriptor, def)
     })
 
-    it('text interpolation', function () {
+    it('custom element components', function () {
       // body...
     })