nested equalizer unit tests added

diff --git a/spec/equalizer/equalizer.js b/spec/equalizer/equalizer.js
index eee56e5b01dc9233564e0da2d89dead9ed98072d..86821de5fdca0c5c52bb6c814eda03b0df341308 100644 (file)
--- a/spec/equalizer/equalizer.js
+++ b/spec/equalizer/equalizer.js
@@ -22,9 +22,42 @@ describe('equalizer:', function() {
 
       var equalized = $('[data-equalizer-watch]');
 
+      expect(equalized.length).toBe(3);
+      
       equalized.each(function(){
         expect($(this).outerHeight()).toBe(equalized.first().outerHeight());
       });
     });
   });
-});
+  
+  describe('nested basic height', function() {
+    beforeEach(function() {
+      document.body.innerHTML = __html__['spec/equalizer/nested.html'];
+    });
+
+    it('nested elements should have equal heights on load', function() {
+      $(document).foundation();
+
+      var equalized = $('[data-equalizer-watch=bar]');
+
+      expect(equalized.length).toBe(4);
+
+      equalized.each(function(){
+        expect($(this).outerHeight()).toBe(equalized.first().outerHeight());
+      });
+    });
+    
+    it('parent with nested elements should have equal height with its equalizer on load', function() {
+      $(document).foundation();
+
+      var equalized = $('[data-equalizer-watch=foo]');
+
+      expect(equalized.length).toBe(3);
+
+      equalized.each(function(){
+        expect($(this).outerHeight()).toBe(equalized.first().outerHeight());
+      });
+    });
+  
+  });
+});
\ No newline at end of file

diff --git a/spec/equalizer/nested.html b/spec/equalizer/nested.html
new file mode 100644 (file)
index 0000000..442b536
--- /dev/null
+++ b/spec/equalizer/nested.html
@@ -0,0 +1,31 @@
+<div class="row" data-equalizer="foo">
+  <div class="small-4 columns">
+    <div class="panel" data-equalizer-watch="foo">
+    <h3>Parent panel</h3>
+    <div class="row" data-equalizer="bar">
+      <div class="panel" data-equalizer-watch="bar">
+        Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+      </div>
+      <div class="panel" data-equalizer-watch="bar">
+        Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+      </div>
+      <div class="panel" data-equalizer-watch="bar">
+        Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+      </div>
+      <div class="panel" data-equalizer-watch="bar">
+        Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+      </div>
+    </div>
+    </div>
+  </div>
+  <div class="small-4 columns">
+    <div class="callout panel" data-equalizer-watch="foo">
+      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+    </div>
+  </div>
+  <div class="small-4 columns">
+    <div class="panel" data-equalizer-watch="foo">
+      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+    </div>
+  </div>
+</div>
\ No newline at end of file