Add integration test of dynamic HTMLImport with CustomElement upgrade.

sorvell · sorvell · commit 4adcc86a39b6 · 2014-02-03T18:46:59.000-08:00
diff --git a/test/html/ce-import.html b/test/html/ce-import.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<!--
+Copyright 2013 The Polymer Authors. All rights reserved.
+Use of this source code is governed by a BSD-style
+license that can be found in the LICENSE file.
+-->
+<html>
+  <head>
+    <title></title>
+    <meta charset="UTF-8">
+    <script src="../../../tools/test/htmltest.js"></script>
+    <script src="../../../tools/test/chai/chai.js"></script>
+    <script src="../../platform.js" debug></script>
+  </head>
+  <body>
+    <x-foo></x-foo>
+    <script>
+      window.addEventListener('WebComponentsReady', function() {
+        var xfoo = document.querySelector('x-foo');
+        chai.assert.isUndefined(xfoo.isCreated);
+        var link = document.createElement('link');
+        link.rel = 'import';
+        link.href = 'element-import.html';
+        document.head.appendChild(link);
+        HTMLImports.whenImportsReady(function() {
+          chai.assert.isTrue(xfoo.isCreated, 'element in main document, registered in dynamic import is upgraded');
+          var ix = link.import.querySelector('x-foo');
+          chai.assert.isTrue(ix.isCreated, 'element in import, registered in dynamic import is upgraded');
+          done();
+        });
+      });
+    </script>
+  </body>
+</html>
diff --git a/test/html/element-import.html b/test/html/element-import.html
@@ -0,0 +1,12 @@
+<x-foo></x-foo>
+<script>
+(function() {
+  var prototype = Object.create(HTMLElement.prototype);
+
+  prototype.createdCallback = function() {
+    this.isCreated = true;
+  }
+
+  document.registerElement('x-foo', {prototype: prototype});
+})();
+</script>
diff --git a/test/js/tests.js b/test/js/tests.js
@@ -17,6 +17,8 @@ htmlSuite('integration', function() {
   htmlTest('html/smoke.html?shadow&register');
   htmlTest('html/mdv-shadow.html');
   htmlTest('html/template-repeat-wrappers.html');
+  htmlTest('html/ce-import.html');
+  htmlTest('html/ce-import.html?shadow');
 });
 
 htmlSuite('styling', function() {
