update test so that it covers created/enteredView via template repeats

sorvell · sorvell · commit 8fedd56eb9cb · 2013-09-13T17:06:06.000-07:00
diff --git a/test/html/callbacks.html b/test/html/callbacks.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html>
   <head>
-    <title>event path</title>
+    <title>callbacks</title>
     <script src="../../polymer.js"></script>
     <script src="../../tools/test/htmltest.js"></script>
     <script src="../../tools/test/chai/chai.js"></script>
@@ -11,6 +11,8 @@
   <x-base></x-base>
   
   <x-extendor></x-extendor>
+
+  <x-repeat></x-repeat>
   
   <polymer-element name="x-base">
     <script>
@@ -53,6 +55,37 @@
       });
     </script>  
   </polymer-element>
+
+  <polymer-element name="x-repeat">
+    <template>
+      <template bind="{{}}">
+        <x-base>base</x-base>
+      </template>
+      <div id="container">
+        <template repeat="{{stuff}}">
+          <x-extendor>{{}}</x-extendor>
+        </template>
+      </div>
+    </template>
+    <script>
+      Polymer('x-repeat', {
+        ready: function() {
+          this.stuff = [1, 2, 3];
+          this.onMutation(this.$.container, function() {
+            var base = this.shadowRoot.querySelector('x-base');
+            chai.assert.isTrue(base.isReadied, 'template bind stamped element is ready');
+            chai.assert.isTrue(base.isInserted, 'template bind stamped element is enteredView');
+            var exts = this.shadowRoot.querySelectorAll('x-exendor');
+            for (var i=0, e; (i < exts.length) && (e = exts[i]); i++) {
+              chai.assert.isTrue(e.isReadied, 'template repeat stamped element is ready');
+              chai.assert.isTrue(e.isInserted, 'template repeat stamped element is enteredView');
+            }
+            done();
+          });
+        }
+      });
+    </script>  
+  </polymer-element>
  
   <script>
     document.addEventListener('WebComponentsReady', function() {
@@ -75,12 +108,9 @@
       xExtendor.parentNode.removeChild(xExtendor);
       // Ensure IE goes...
       CustomElements.takeRecords();
-      setTimeout(function() {
-        chai.assert.equal(xBase.isRemoved, true);
-        chai.assert.equal(xExtendor.isRemoved, true);
-        chai.assert.equal(xExtendor.extendedIsRemoved, true);
-        done();
-      });
+      chai.assert.equal(xBase.isRemoved, true);
+      chai.assert.equal(xExtendor.isRemoved, true);
+      chai.assert.equal(xExtendor.extendedIsRemoved, true);
     });
   </script>
   </body>
