add contentElements test

Travis · Travis · commit fa362e1fe515 · 2017-10-16T16:20:20.000+02:00
diff --git a/test/fixture2.html b/test/fixture2.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+    <head></head>
+    <body>
+        <ul>
+            <li><a href="#tab-1">Tab 1</a></li>
+            <li><a href="#tab-2">Tab 2</a></li>
+            <li><a href="#tab-3">Tab 3</a></li>
+            <li><a href="#tab-n">Tab N</a></li>
+        </ul>
+        <div class="tabscontent">
+            <a href="#tab-1">Tab 1</a>
+            <div class="tabcontent-element" id="tab-1">
+                First tab content
+            </div>
+            <a href="#tab-2">Tab 2</a>
+            <div class="tabcontent-element" id="tab-2">
+                Second tab content
+            </div>
+            <a href="#tab-3">Tab 3</a>
+            <div class="tabcontent-element" id="tab-3">
+                Third tab content
+            </div>
+            <a href="#tab-4">Tab 4</a>
+            <div class="tabcontent-element" id="tab-n">
+                Fourth tab content
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/test/tabbedcontent.spec.js b/test/tabbedcontent.spec.js
@@ -27,6 +27,21 @@ describe('$.fn.tabbedContent', () => {
 
       done()
     })
+
+    it('hides all contents except for the first tab and non content elements', (done) => {
+      loadFixtures('fixture2.html');
+      $('.tabscontent').tabbedContent({"contentElements": ".tabcontent-element"});
+
+      expect($('#tab-1')).toBeVisible()
+      expect($('#tab-2')).not.toBeVisible()
+      expect($('#tab-3')).not.toBeVisible()
+      expect($('#tab-n')).not.toBeVisible()
+      expect($('.tabscontent a:eq(0)')).toBeVisible()
+      expect($('.tabscontent a:eq(1)')).toBeVisible()
+      expect($('.tabscontent a:eq(2)')).toBeVisible()
+      expect($('.tabscontent a:eq(3)')).toBeVisible()
+      done();
+    })
   })
 
   describe('events', () => {
