test(directives): add v-skip directive test

lib/index.js

@@ -436,11 +436,11 @@ function valyrian() {
   });
   v.directive('v-html', (html, vnode) => {
     vnode.dom.innerHTML = html;
-    vnode.props['v-skip'] = true;
+    vnode.props[skip] = true;
   });
   v.directive('v-text', (text, vnode) => {
     vnode.dom.textContent = text;
-    vnode.props['v-skip'] = true;
+    vnode.props[skip] = true;
   });
 
   return v;

test/directives_test.js

@@ -397,6 +397,30 @@ describe('Directives', () => {
     });
   });
 
+  /**
+   * The v-skip directive is used to prevent the patch of children vnodes but allow the patch of dom attributes
+   * Its main use will be along with other custom directives to prevent the children patch step
+   */
+  describe('v-skip', () => {
+    it('should prevent child patching step', () => {
+      let Store = {
+        id: 'example',
+        children: 'Hello world'
+      };
+
+      let Component = () => <div v-skip id={Store.id}>{Store.children}</div>;
+      let result = v.mount('body', Component);
+      expect(result).toEqual('<div id="example"></div>');
+
+      Store.id = 'example-updated';
+      Store.children = 'Hello John Doe';
+
+      let result2 = v.update();
+
+      expect(result2).toEqual('<div id="example-updated"></div>');
+    });
+  });
+
   /**
    * The v-html directive is used to direct raw html render to increase performance
    * We can use this directive to replace the v.trust use like in this test
@@ -430,5 +454,6 @@ describe('Directives', () => {
       expect(result).toEqual('<div>Hello world</div>');
     });
   });
+
 });