fix(Analytics): move analytics to be loaded async (#101)

* fix(Test): Update method order to fix lint

* fix(test): force exit for mocha tests

* refactor(analytics): Move scripts to be async

Fix loading the bluemix analytics

Author: germanattanasio

src/index.js

@@ -5,4 +5,15 @@ import 'watson-react-components/dist/css/watson-react-components.css';
 import Layout from './layout';
 import './style.css';
 
+function loadAnalytics() {
+  const analyticsScript = document.createElement('script');
+  analyticsScript.src = 'https://cdn.rawgit.com/watson-developer-cloud/watson-developer-cloud.github.io/master/analytics.js';
+  document.head.appendChild(analyticsScript);
+}
+
+if (process.env.REACT_APP_BLUEMIX_ANALYTICS) {
+  // eslint-disable-next-line no-native-reassign, no-underscore-dangle
+  window.addEventListener('load', loadAnalytics);
+}
+
 ReactDOM.render(<Layout />, document.getElementById('root'));

src/layout.jsx

@@ -31,7 +31,6 @@ export default function Layout() {
           </span>
         </section>
         <Footer />
-        <script type="text/javascript" src="https://cdn.rawgit.com/watson-developer-cloud/watson-developer-cloud.github.io/master/analytics.js" />
       </div>
     </div>
   );