add aliases 'shadowRoot' and 'createShadowRoot' for the prefixed prop…

…erties
googlearchive · Jun 11, 2013 · 9ad15c9 · dfreedm · Jun 12, 2013 · sjmiles
1 parent 015be2e
commit 9ad15c9
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 8 deletions.
diff --git a/lib/patches-shadowdom-native.js b/lib/patches-shadowdom-native.js
@@ -16,9 +16,18 @@
     return n;
   }
 
-  window.createShadowRoot = function(inElement) {
-    return inElement.webkitCreateShadowRoot();
-  };
+  Object.defineProperties(HTMLElement.prototype, {
+    shadowRoot: {
+      get: function() {
+        return this.webkitShadowRoot;
+      }
+    },
+    createShadowRoot: {
+      value: function() {
+        return this.webkitCreateShadowRoot();
+      }
+    }
+  });
 
   window.templateContent = function(inTemplate) {
     // if MDV exists, it may need to boostrap this template to reveal content

diff --git a/test/html/includes/strawkit.js b/test/html/includes/strawkit.js
@@ -11,7 +11,7 @@ Polymer = {
     inPrototype.readyCallback = function() {
       var template = inElement.querySelector('template');
       if (template) {
-        var root = this.webkitCreateShadowRoot();
+        var root = this.createShadowRoot();
         root.appendChild(templateContent(template).cloneNode(true));
       }
       inPrototype.created.call(this);

diff --git a/test/html/smoke.html b/test/html/smoke.html
@@ -10,7 +10,7 @@
     <meta charset="UTF-8">
     <script src="../../tools/test/htmltest.js"></script>
     <script src="../../node_modules/chai/chai.js"></script>
-    <script src="../../platform.js"></script>
+    <script src="../../platform.js" debug></script>
   </head>
   <body>
     <x-foo>plain</x-foo>

diff --git a/test/html/strawkit.html b/test/html/strawkit.html
@@ -10,7 +10,7 @@
     <script src="../../tools/test/htmltest.js"></script>
     <script src="../../node_modules/chai/chai.js"></script>
     <!-- -->
-    <script src="../../platform.js"></script>
+    <script src="../../platform.js" debug></script>
     <script src="includes/strawkit.js"></script>
   </head>
   <body>
@@ -40,6 +40,7 @@
             'x-foo has wrong textContent');
         assert.match(elt.style.backgroundColor, /lightblue|rgb\(173, 216, 230\)/, 
           'x-foo has wrong backgroundColor');
+        assert.ok(elt.shadowRoot, 'shadowRoot not available as `.shadowRoot`');
         done();
       });
     </script>

diff --git a/test/html/template-distribute.html b/test/html/template-distribute.html
@@ -24,7 +24,7 @@
 
     function createShadowRoot(node) {
       return window.ShadowDOMPolyfill ? node.createShadowRoot() :
-          node.webkitCreateShadowRoot();
+          node.createShadowRoot();
     }
 
     document.addEventListener('DOMContentLoaded', function() {

diff --git a/test/html/web-components.html b/test/html/web-components.html
@@ -10,7 +10,7 @@
     <meta charset="UTF-8">
     <script src="../../tools/test/htmltest.js"></script>
     <script src="../../node_modules/chai/chai.js"></script>
-    <script src="../../platform.min.js"></script>
+    <script src="../../platform.js" debug></script>
     <link rel="import" href="includes/import-file.html">
   </head>
   <body>