enhance bind and callback tests.

sorvell · sorvell · commit 247dbb8a4194 · 2013-09-16T17:33:20.000-07:00
diff --git a/test/html/bind.html b/test/html/bind.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<html>
+  <head>
+    <title>bind simple</title>
+    <script src="../../polymer.js"></script>
+    <script src="../../tools/test/htmltest.js"></script>
+    <script src="../../node_modules/chai/chai.js"></script>
+  </head>
+  <body>
+    <x-foo></x-foo>
+
+    <polymer-element name="x-bar" noscript> 
+      <template>
+        x-bar
+      </template>   
+    </polymer-element>
+
+    <polymer-element name="x-foo">
+      <template>
+        <div id="foo" foo="{{foo}}"></div>
+        <div id="bool" foo?="{{foo}}"></div>
+        <div id="content">{{foo}}</div>
+        <x-bar id="bar" foo="{{foo}}" ></x-bar>
+        <x-bar id="barBool" foo?="{{foo}}"></x-bar>
+        <x-bar id="barContent">{{foo}}</x-bar>
+      </template>
+      <script>
+        Polymer('x-foo', {
+          foo: 'foo!',
+          ready: function() {
+            chai.assert.equal(this.foo, this.$.foo.getAttribute('foo'));
+            chai.assert.equal(this.$.bool.getAttribute('foo'), '');
+            chai.assert.isFalse(this.$.bool.hasAttribute('foo?'));
+            chai.assert.equal(this.$.content.innerHTML, this.foo);
+            //
+            chai.assert.equal(this.foo, this.$.bar.getAttribute('foo'));
+            chai.assert.equal(this.$.barBool.getAttribute('foo'), '');
+            chai.assert.isFalse(this.$.barBool.hasAttribute('foo?'));
+            chai.assert.equal(this.$.barContent.innerHTML, this.foo);
+            done();
+          }
+        })
+      </script>
+    </polymer-element>
+  </body>
+</html>
diff --git a/test/html/callbacks.html b/test/html/callbacks.html
@@ -12,7 +12,7 @@
   
   <x-extendor></x-extendor>
 
-  <x-repeat></x-repeat>
+  <x-nested-repeat></x-nested-repeat>
   
   <polymer-element name="x-base">
     <script>
@@ -86,6 +86,12 @@
       });
     </script>  
   </polymer-element>
+
+  <polymer-element name="x-nested-repeat" noscript>
+    <template>
+      <x-repeat id="repeat"></x-repeat>
+    </template>
+  </polymer-element>
  
   <script>
     document.addEventListener('WebComponentsReady', function() {
diff --git a/test/js/bindMDV.js b/test/js/bindMDV.js
@@ -51,7 +51,8 @@ suite('bindMDV', function() {
 });
 
 
-htmlSuite('unbind', function() {
+htmlSuite('bind', function() {
   htmlTest('html/template-distribute-dynamic.html');
+  htmlTest('html/bind.html');
   htmlTest('html/unbind.html');
 });
