fix(macTooltip): Fixed appending multiple tooltips

Multiple tooltips get appended to document body when user mouse over the tooltip trigger multiple in a short period of time

src/directives/tooltip.coffee

@@ -25,10 +25,11 @@ angular.module("Mac").directive "macTooltip", [
     restrict: "A"
 
     link: (scope, element, attrs) ->
-      tooltip  = null
-      text     = ""
-      enabled  = false
-      disabled = false
+      tooltip    = null
+      text       = ""
+      enabled    = false
+      disabled   = false
+      closeDelay = null
 
       defaults =
         direction: "top"
@@ -38,7 +39,7 @@ angular.module("Mac").directive "macTooltip", [
       opts = util.extendAttributes "macTooltip", defaults, attrs
 
       showTip = ->
-        return true if disabled or not text
+        return true if disabled or not text or tooltip?
 
         tip =
           if opts.inside then element else angular.element(document.body)
@@ -89,12 +90,15 @@ angular.module("Mac").directive "macTooltip", [
         return true
 
       removeTip = (delay = 100) ->
-        if tooltip?
+        if tooltip? and not closeDelay?
           tooltip.removeClass "visible"
-          $timeout ->
+
+          closeDelay = $timeout ->
             tooltip?.remove()
-            tooltip = null
+            tooltip    = null
+            closeDelay = null
           , delay, false
+
         return true
 
       toggle = ->

test/unit/tooltip.spec.coffee

@@ -12,8 +12,9 @@ describe "Mac Tooltip", ->
     $timeout   = _$timeout_
 
   afterEach ->
-    tooltip = document.querySelector(".mac-tooltip")
-    tooltip.parentNode.removeChild tooltip if tooltip?
+    tooltips = document.querySelectorAll(".mac-tooltip")
+    for tooltip in tooltips when tooltip?
+      tooltip.parentNode.removeChild tooltip
 
   describe "Basic Initialization", ->
 
@@ -24,6 +25,15 @@ describe "Mac Tooltip", ->
 
       expect(queryTooltip()).not.toBe(null)
 
+    it "should only append one tooltip", ->
+      tip = $compile("<div mac-tooltip='hello world'></div>") $rootScope
+      $rootScope.$digest()
+      tip.triggerHandler "mouseenter"
+      tip.triggerHandler "mouseenter"
+
+      tooltip = document.querySelectorAll(".mac-tooltip")
+      expect(tooltip.length).toBe 1
+
     it "should display the correct message", ->
       tip = $compile("<div mac-tooltip='hello world'></div>") $rootScope
       $rootScope.$digest()