Merge pull request #415 from remarkablemark/fix/utilities

fix(client): get template content childNodes in utilities formatDOM

Author: remarkablemark

.size-limit.json

@@ -1,6 +1,6 @@
 [
   {
     "path": "dist/html-dom-parser.min.js",
-    "limit": "3.89 KB"
+    "limit": "3.894 KB"
   }
 ]

lib/client/utilities.js

@@ -83,7 +83,11 @@ function formatDOM(nodes, parent, directive) {
           formatTagName(node.nodeName),
           formatAttributes(node.attributes)
         );
-        current.children = formatDOM(node.childNodes, current);
+        current.children = formatDOM(
+          // template children are on content
+          node.content ? node.content.childNodes : node.childNodes,
+          current
+        );
         break;
 
       case 3:

test/cases/html.js

@@ -227,6 +227,16 @@ module.exports = [
     }
   },
 
+  // template tag
+  {
+    name: 'empty template',
+    data: '<template></template>'
+  },
+  {
+    name: 'template with content',
+    data: '<template><article><p>Test</p></article></template>'
+  },
+
   // style tag
   {
     name: 'empty style',