feat(jquery): Add shadowRoot() and use it in templateurl_spec

Author: jbdeboer

test/_specs.dart

@@ -177,9 +177,14 @@ class JQuery extends DelegatingList<Node> {
   _toHtml(node, [bool outer = false]) {
     if (node is Comment) {
       return '<!--${node.text}-->';
+    } else if (node is DocumentFragment) {
+      var acc = '';
+      node.childNodes.forEach((n) { acc += _toHtml(n, true); });
+      return acc;
     } else if (node is Element) {
       // Remove all the "ng-binding" internal classes
       node = node.clone(true) as Element;
+      node.classes.remove('ng-binding');
       node.queryAll(".ng-binding").forEach((Element e) {
         e.classes.remove('ng-binding');
       });
@@ -238,6 +243,7 @@ class JQuery extends DelegatingList<Node> {
           (Element n) => n.style.getPropertyValue(name),
           (Element n, v) => n.style.setProperty(name, value), value);
   children() => new JQuery(this[0].childNodes);
+  shadowRoot() => new JQuery((this[0] as Element).shadowRoot);
 }
 
 

test/_specs_spec.dart

@@ -41,5 +41,23 @@ main() {
         expect(div.html()).toEqual('text');
       });
     });
+
+    describe('shadowRoot', () {
+      it('should return the shadowRoot if one exists', () {
+        var elts = $('<div></div>');
+        elts[0].createShadowRoot().innerHtml = "Hello shadow";
+        expect(elts.shadowRoot().text()).toEqual("Hello shadow");
+      });
+
+      it('should return empty list if there is no shadowRoot', () {
+        expect($('<div></div>').shadowRoot()).toEqual([]);
+      });
+
+      it('should print the html for the shadowRoot', () {
+        var elts = $('<div></div>');
+        elts[0].createShadowRoot().innerHtml = '<div class="ng-binding">Hello shadow</div>';
+        expect(elts.shadowRoot().html()).toEqual('<div>Hello shadow</div>');
+      });
+    });
   });
 }

test/core/templateurl_spec.dart

@@ -69,8 +69,8 @@ void main() {
         backend.flush();
         microLeap();
 
-        expect(renderedText(element)).toEqual('.hello{}Simple!');
-        expect(element[0].nodes[0].shadowRoot.innerHtml).toEqual(
+        expect(element.textWithShadow()).toEqual('.hello{}Simple!');
+        expect(element.children().shadowRoot().html()).toEqual(
             '<style>.hello{}</style><div log="SIMPLE">Simple!</div>'
         );
       })));
@@ -98,7 +98,7 @@ void main() {
         backend.flush();
         microLeap();
 
-        expect(renderedText(element)).toEqual('Simple!');
+        expect(element.textWithShadow()).toEqual('Simple!');
         $rootScope.apply();
         // Note: There is no ordering.  It is who ever comes off the wire first!
         expect(log.result()).toEqual('LOG; SIMPLE');
@@ -119,7 +119,7 @@ void main() {
         backend.flush();
         microLeap();
 
-        expect(renderedText(element)).toEqual('Simple!Simple!');
+        expect(element.textWithShadow()).toEqual('Simple!Simple!');
         $rootScope.apply();
         // Note: There is no ordering.  It is who ever comes off the wire first!
         expect(log.result()).toEqual('LOG; LOG; SIMPLE; SIMPLE');
@@ -138,8 +138,8 @@ void main() {
         backend.flush();
         microLeap();
 
-        expect(renderedText(element)).toEqual('.hello{}Simple!');
-        expect(element[0].nodes[0].shadowRoot.innerHtml).toEqual(
+        expect(element.textWithShadow()).toEqual('.hello{}Simple!');
+        expect(element.children().shadowRoot().html()).toEqual(
             '<style>.hello{}</style><div log="SIMPLE">Simple!</div>'
         );
         $rootScope.apply();
@@ -156,7 +156,7 @@ void main() {
 
         backend.flush();
         microLeap();
-        expect(renderedText(element)).toEqual('.hello{}inline!');
+        expect(element.textWithShadow()).toEqual('.hello{}inline!');
       })));
 
       it('should ignore CSS load errors ', async(inject(
@@ -168,7 +168,7 @@ void main() {
 
         backend.flush();
         microLeap();
-        expect(renderedText(element)).toEqual(
+        expect(element.textWithShadow()).toEqual(
             '/*\n'
             'HTTP 500: some error\n'
             '*/\n'
@@ -184,7 +184,7 @@ void main() {
 
         backend.flush();
         microLeap();
-        expect(renderedText(element)).toEqual('.hello{}');
+        expect(element.textWithShadow()).toEqual('.hello{}');
       })));
 
       it('should load the CSS before the template is loaded', async(inject(
@@ -199,7 +199,7 @@ void main() {
 
         backend.flush();
         microLeap();
-        expect(renderedText(element)).toEqual('.hello{}Simple!');
+        expect(element.textWithShadow()).toEqual('.hello{}Simple!');
       })));
     });
 
@@ -224,8 +224,8 @@ void main() {
         backend.flush();
         microLeap();
 
-        expect(renderedText(element)).toEqual('.hello{}.world{}Simple!');
-        expect(element[0].nodes[0].shadowRoot.innerHtml).toEqual(
+        expect(element.textWithShadow()).toEqual('.hello{}.world{}Simple!');
+        expect(element.children().shadowRoot().html()).toEqual(
             '<style>.hello{}.world{}</style><div log="SIMPLE">Simple!</div>'
         );
         $rootScope.apply();