perf(floating-menu): reduce forced synchronous layout (#79)

Author: asudoh

components/OverflowMenu.js

@@ -45,7 +45,9 @@ class OverflowMenu extends Component {
   };
 
   componentDidMount() {
-    this.getMenuPosition();
+    requestAnimationFrame(() => {
+      this.getMenuPosition();
+    });
     this.hResize = OptimizedResize.add(() => {
       this.getMenuPosition();
     });

components/Tooltip.js

@@ -29,7 +29,9 @@ class Tooltip extends Component {
   };
 
   componentDidMount() {
-    this.getTriggerPosition();
+    requestAnimationFrame(() => {
+      this.getTriggerPosition();
+    });
   }
 
   getTriggerPosition = () => {

package.json

@@ -137,7 +137,10 @@
     "coverageDirectory": "./coverage",
     "moduleNameMapper": {
       "^.+\\.(scss)$": "<rootDir>/lib/styleMock.js"
-    }
+    },
+    "setupFiles": [
+      "<rootDir>/setup-jest.js"
+    ]
   },
   "lint-staged": {
     "*.js": [

setup-jest.js

@@ -0,0 +1 @@
+window.requestAnimationFrame = (callback) => { callback(); };