refactor(log): environment based logging and feat(test): jest added for unit and integration testing

__tests__/index.js

@@ -0,0 +1,6 @@
+describe('Main', () => {
+    test('main test', () => {
+      expect(true).toBe(true)
+    })
+  })
+

__tests__/util/index.js

@@ -0,0 +1,5 @@
+describe('Util', () => {
+  test('util test', () => {
+    expect(true).toBe(true)
+  })
+})

components/DatePicker.js

@@ -5,6 +5,7 @@ import DayPicker from 'react-day-picker'
 import { connect } from 'react-redux'
 import { updateGraph, selectFilter } from './Redux/actions'
 import { rowsToGraph } from '../util/parse'
+import { useLog } from '../util/logger'
 import { isBrowser } from 'react-device-detect'
 
 const Container = styled.div`
@@ -56,7 +57,7 @@ function DatePicker({ updateGraph, selectFilter }) {
     const newDate = formatDate(date)
 
     if (formatDate(selectedDay) !== newDate) {
-      console.log(newDate)
+      useLog(newDate)
       changeSelectedDay(date)
 
       const apiURL =
@@ -70,7 +71,7 @@ function DatePicker({ updateGraph, selectFilter }) {
       })
         .then(resp => resp.json())
         .then(res => {
-          console.log(res)
+          useLog(res)
           // Update the graph only if res.success is true
           if(res.success){
             updateGraph(rowsToGraph(res.data.rawPatientData))

components/FilterPanel/index.js

@@ -14,6 +14,7 @@ import {
   removeTravel,
 } from '../../util/filters'
 import { updateGraph, selectFilter } from '../Redux/actions'
+import { useLog } from '../../util/logger'
 
 const filters = [
   {
@@ -106,7 +107,7 @@ const FilterPanel = ({
   // const [selected, selectCategory] = React.useState('P2P')
 
   const changeGraph = name => {
-    // console.log('Changegraph', graph, patients.byId)
+    // useLog('Changegraph', graph, patients.byId)
     let currentFilter = _.find(filters, function(o) {
       return o.name === filter
     })
@@ -118,7 +119,7 @@ const FilterPanel = ({
 
     selectFilter(name)
     newGraph = choosenFilter.add(newGraph, patients.byId, states)
-    console.log(newGraph)
+    useLog(newGraph)
     updateGraph(newGraph)
   }
   const FilterHeader = styled.div`

components/NetworkMap/index.js

@@ -7,6 +7,7 @@ import { rowsToGraph, letterToCode } from '../../util/parse'
 import normalize from '../../util/normalize'
 import DatePicker from '../DatePicker'
 import NetworkMapLegend from '../NetworkMapLegend'
+import { useError } from '../../util/logger'
 
 const NetworkMap = ({
   filter,
@@ -61,7 +62,7 @@ const NetworkMap = ({
         updateLastRefreshed(res.data.lastRefreshed)
         setIsLoading(false)
       })
-      .catch(err => console.log('error', err))
+      .catch(err => useError(err))
   }, [isLoading])
 
   useEffect(() => {

components/Redux/actions.js

@@ -6,6 +6,7 @@
 
 // Action Types
 import actionTypes from './actionTypes'
+import { useLog } from '../../util/logger'
 
 const updateGraph = graph => (dispatch, getState) => {
   // Dispatch the result.
@@ -65,7 +66,7 @@ const setSearchTerm = term => (dispatch, getState) => {
 }
 
 const updateStates = states => (dispatch, getState) => {
-  console.log('Action updateStates', states);
+  useLog('Action updateStates', states);
   dispatch({
     type: actionTypes.UPDATE_STATES,
     payload: {

jest.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  verbose: true,
+  roots: ['__tests__'],
+}