tests for v-html

test/unit/specs/directives/html_spec.js

@@ -0,0 +1,43 @@
+var _ = require('../../../../src/util')
+var def = require('../../../../src/directives/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('htm-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><!--htm-test-->')
+      dir.update('<p>123</p><div>444</div>')
+      expect(el.innerHTML).toBe('<p>123</p><div>444</div><!--htm-test-->')
+      dir.update(null)
+      expect(el.innerHTML).toBe('<!--htm-test-->')
+    })
+
+  })
+}