test: mock lodash.debounce and recreate component within async test

carbon-design-system · Mar 5, 2020 · fa1d731 · fa1d731
1 parent ae8f3af
commit fa1d731
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/packages/components/tests/spec/tooltip--simple_spec.js b/packages/components/tests/spec/tooltip--simple_spec.js
@@ -1,4 +1,3 @@
-import Promise, { delay } from 'bluebird';
 import Tooltip from '../../src/components/tooltip/tooltip--simple';
 import TooltipDefinitionHTML from '../../html/tooltip/tooltip--definition.html';
 import TooltipIconHTML from '../../html/tooltip/tooltip--icon.html';
@@ -95,15 +94,14 @@ describe('Test simple tooltip', function() {
     });
 
     it('Should not have visible class after mouseleave', async function() {
-      await new Promise(resolve => {
-        resolve(
-          element.dispatchEvent(
-            new CustomEvent('mouseleave', { bubbles: true })
-          )
-        );
+      return Tooltip.__with__({
+        debounce: fn => fn,
+      })(() => {
+        tooltip.release();
+        tooltip = new Tooltip(element);
+        element.dispatchEvent(new CustomEvent('mouseleave', { bubbles: true }));
+        expect(element.classList.contains('bx--tooltip--visible')).toBe(false);
       });
-      await delay(100);
-      expect(element.classList.contains('bx--tooltip--visible')).toBe(false);
     });
 
     it('Should not have hidden class after focus', function() {