Update & pass child-accessing test

Author: gilbert

src/index.js

@@ -44,11 +44,9 @@ function transformTree(document, visitedNodes, currentNode, callback) {
 
     visitedNodes.add(currentNode);
 
-    let visitChildren = () => Promise.all(
-        map(currentNode.childNodes, (child) => transformTree(document, visitedNodes, child, callback))
-    );
-
-    return Promise.resolve(task).then(visitChildren);
+    for (var child of currentNode.childNodes) {
+        transformTree(document, visitedNodes, child, callback);
+    }
 }
 
 /**
@@ -88,7 +86,7 @@ function renderNode(rootNode) {
     var visitedNodes = new Set();
     var customElements = exports.customElements;
 
-    return transformTree(document, visitedNodes, rootNode, function render (element) {
+    transformTree(document, visitedNodes, rootNode, function render (element) {
 
         const definition = customElements.getDefinition(element.localName);
 
@@ -99,13 +97,14 @@ function renderNode(rootNode) {
             upgradeElement(element, definition, true);
 
             if (definition.connectedCallback) {
-                return new Promise(function(resolve, reject) {
+                var p = new Promise(function(resolve, reject) {
                     resolve( definition.connectedCallback.call(element, document) );
                 });
+                createdPromises.push(p);
             }
         }
-    })
-        .then(() => rootNode);
+    });
+    return Promise.all(createdPromises).then(function(){ return rootNode; });
 }
 
 /**

test/multiple-element-interactions-test.js

@@ -47,13 +47,19 @@ describe("When multiple DOM elements are present", () => {
             });
         });
 
-        // Pending until we decide on a good solution
-        xit("can read attributes from custom child element's prototypes", () => {
+        it("can read attributes from custom child element's prototypes", () => {
             class DataSource extends customElements.HTMLElement {
+              get data() {
+                return [10, 20, 30];
+              }
+            }
+            customElements.define("data-source", DataSource);
+
+            class DataDisplayer extends customElements.HTMLElement {
                 connectedCallback() {
                     return new Promise((resolve) => {
                         // Has to be async, as child node prototypes aren't set: http://stackoverflow.com/questions/36187227/
-                        // This is a web customElements limitation generally. TODO: Find a nicer pattern for handle this.
+                        // This is a web components limitation generally. TODO: Find a nicer pattern for handle this.
                         setTimeout(() => {
                             var data = this.childNodes[0].data;
                             this.textContent = "Data: " + JSON.stringify(data);
@@ -62,9 +68,8 @@ describe("When multiple DOM elements are present", () => {
                     });
                 }
             }
-            DataSource.data = [10, 20, 30];
 
-            customElements.define("data-displayer", DataSource);
+            customElements.define("data-displayer", DataDisplayer);
 
             return customElements.renderFragment(
                 "<data-displayer><data-source></data-source></data-displayer>"