Exclude script and style tags for parsing bindings

Author: TimvdLippe

lib/mixins/template-stamp.html

@@ -256,6 +256,9 @@
        * @param {!NodeInfo} nodeInfo Node metadata for current template.
        */
       static _parseTemplateChildNodes(root, templateInfo, nodeInfo) {
+        if (root.localName === 'script' || root.localName === 'style') {
+          return;
+        }
         for (let node=root.firstChild, parentIndex=0, next; node; node=next) {
           // Wrap templates
           if (node.localName == 'template') {

test/unit/property-effects-elements.html

@@ -68,6 +68,16 @@
         literal1 {{cpnd1}} literal2 {{cpnd2}}{{cpnd3.prop}} literal3 {{computeCompound(cpnd4, cpnd5, 'literalComputed')}} literal4
       </div>
       <span id="boundWithDash">{{objectWithDash.binding-with-dash}}</span>
+      <script id="scriptWithBinding">
+        function foo() {
+          return "We have a {{binding}} here";
+        }
+      </script>
+      <style id="styleWithBinding">
+        :host {
+          content: '[[binding]]'
+        }
+      </style>
   </template>
   <script>
     let ComputingBehavior = {

test/unit/property-effects.html

@@ -386,6 +386,14 @@
     assert.equal(el.lateBoundObserver.firstCall.args[0], 'late');
   });
 
+  test('does not parse bindings inside <script>', function() {
+    assert.include(el.$.scriptWithBinding.textContent, "{{binding}}");
+  });
+
+  test('does not parse bindings inside <style>', function() {
+    assert.include(el.shadowRoot.querySelector('style').textContent, "[[binding]]");
+  });
+
 });
 
 suite('computed bindings with dynamic functions', function() {