From: Marius Olbertz <marius.olbertz@gmail.com>
Date: Fri, 30 Sep 2016 15:12:45 +0000 (+0200)
Subject: Added unit tests for Tooltip.
X-Git-Tag: v6.2.4-rc1~23^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9218%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Added unit tests for Tooltip.
---

diff --git a/test/javascript/components/tooltip.js b/test/javascript/components/tooltip.js
index d680367a8..b755ad758 100644
--- a/test/javascript/components/tooltip.js
+++ b/test/javascript/components/tooltip.js
@@ -1,20 +1,148 @@
 describe('Tooltip', function() {
-	var plugin;
-	var $html;
-
-	// afterEach(function() {
-	// 	plugin.destroy();
-	// 	$html.remove();
-	// });
-
-	describe('constructor()', function() {
-		// it('', function() {
-		// 	$html = $('').appendTo('body');
-		// 	plugin = new Foundation.Tooltip($html, {});
-
-		// 	plugin.$element.should.be.an('object');
-		// 	plugin.options.should.be.an('object');
-		// });
-	});
+  var plugin;
+  var $html;
+  var template = `
+    <span data-tooltip aria-haspopup="true" class="has-tip" tabindex="1" title="TOOLTIP_CONTENT">
+      TEXT
+    </span>`;
+  Foundation.Tooltip.defaults.showOn = 'all';
+  Foundation.Tooltip.defaults.fadeOutDuration = 0;
+  Foundation.Tooltip.defaults.fadeInDuration = 0;
+
+  afterEach(function() {
+    plugin.destroy();
+    $html.remove();
+  });
+
+  describe('constructor()', function() {
+    it('stores the element and plugin options', function() {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {});
+
+      plugin.$element.should.be.an('object');
+      plugin.options.should.be.an('object');
+    });
+  });
+
+  describe('init()', function() {
+
+    it('has value of title attribute as content', function() {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {});
+
+      plugin.template.text().should.equal('TOOLTIP_CONTENT');
+    });
+
+    it('has value of tipText option as content', function() {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {tipText: 'TOOLTIP_CONTENT_OPTION'});
+
+      plugin.template.text().should.equal('TOOLTIP_CONTENT_OPTION');
+    });
+
+    it('uses value of template option as template', function() {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {template: '<div class="TEMPLATE_OPTION"></div>'});
+
+      plugin.template.should.have.class('TEMPLATE_OPTION');
+    });
+
+    it('uses value of triggerClass option as trigger class', function() {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {triggerClass: 'TRIGGER_CLASS_OPTION'});
+
+      plugin.$element.should.have.class('TRIGGER_CLASS_OPTION');
+    });
+
+    it('sets ARIA attributes', function() {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {});
+
+      plugin.$element.should.have.attr('aria-describedby', plugin.template.attr('id'));
+      plugin.template.should.have.attr('role', 'tooltip');
+    });
+
+  });
+
+  describe('buildTemplate()', function() {
+    it('uses value of templateClasses option as template class', function() {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {templateClasses: 'TOOLTIP_CLASS_OPTION'});
+
+      plugin.template.should.have.class('TOOLTIP_CLASS_OPTION');
+    });
+  });
+
+  describe('show()', function() {
+    it('shows the tooltip', function() {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {});
+
+      plugin.show();
+
+      plugin.template.should.be.visible;
+    });
+
+    it('fires show.zf.tooltip event', function(done) {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {});
+
+      $html.on('show.zf.tooltip', function() {
+        plugin.template.should.be.visible;
+        done();
+      });
+
+      plugin.show();
+    });
+  });
+
+  describe('hide()', function() {
+    it('hides the tooltip', function() {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {});
+
+      // Show first
+      plugin.show();
+
+      plugin.hide();
+
+      plugin.template.should.be.hidden;
+    });
+
+    it('fires hide.zf.tooltip event', function(done) {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {});
+
+      // Open it first
+      plugin.show();
+
+      $html.on('hide.zf.tooltip', function() {
+        plugin.template.should.be.hidden;
+        done();
+      });
+
+      plugin.hide();
+    });
+  });
+
+  describe('toggle()', function() {
+    it('shows a hidden tooltip', function() {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {});
+
+      plugin.toggle();
+      plugin.template.should.be.visible;
+    });
+    it('hides a visible tooltip', function() {
+      $html = $(template).appendTo('body');
+      plugin = new Foundation.Tooltip($html, {});
+
+      // Show first
+      plugin.show();
+
+      plugin.toggle();
+      plugin.template.should.be.hidden;
+    });
+  });
 
 });
\ No newline at end of file