Integrate Jest and Enzyme for React component unit testing

Reorganizes page components to include index.test.js definitions
for declaring test cases.

Tests page components for basic functionality including rendering
default props.

Author: gurbirkalsi

web-server/v0.4/.gitignore

@@ -27,3 +27,6 @@ package-lock.json
 
 # visual studio code 
 .history
+
+# jest tests
+__snapshots__

web-server/v0.4/README.md

@@ -17,17 +17,16 @@ Pbench Dashboard is a web-based platform for consuming indexed performance bench
 │   ├── assets                      # local static files
 │   ├── common                      # common configurations (navigation, menu, etc.)
 │   ├── components                  # component definitions
-│   ├── e2e                         # integrated test cases
 │   ├── layouts                     # common layouts
 │   ├── models                      # redux models
-│   ├── routes                      # app pages and templates
+│   ├── pages                       # app page components and templates
 │   ├── services                    # redux services
 │   ├── utils                       # utility scripts
-│   ├── theme.js                    # app theme configuration
+│   ├── app.js                      # app theme configuration
+│   ├── global.js                   # global imports
+│   ├── global.less                 # global styling
 │   ├── index.ejs                   # HTML entry
-│   ├── index.js                    # app entry
-│   ├── index.less                  # global stylesheet
-│   └── router.js                   # router entry file
+│   └── polyfill.js                 # polyfill configuration
 ├── .eslintrc.js                    # js linting configuration
 ├── .gitignore
 ├── .prettierignore                 # code formatting ignore file
@@ -92,6 +91,15 @@ $ yarn build
 
 This will generate the `dist` folder in the root directory, which contains packaged files such as `***.js`, `***.css`, and `index.html`.
 
+## UI Tests
+
+Run All UI Unit Tests
+
+```bash
+$ yarn test
+```
+
+This will run test cases for all files referenced with a `*.test.js` naming schema. 
 
 ## Template
 

web-server/v0.4/config/router.config.js

@@ -7,32 +7,32 @@ module.exports = [
         path: '/',
         name: 'dashboard',
         icon: 'dashboard',
-        component: './Dashboard/Controllers',
+        component: './Controllers',
       },
       {
         path: '/results',
         name: 'results',
-        component: './Dashboard/Results',
+        component: './Results',
       },
       {
         path: '/summary',
         name: 'summary',
-        component: './Dashboard/Summary',
+        component: './Summary',
       },
       {
         path: '/comparison-select',
         name: 'comparison-select',
-        component: './Dashboard/ComparisonSelect',
+        component: './ComparisonSelect',
       },
       {
         path: '/comparison',
         name: 'comparison',
-        component: './Dashboard/RunComparison',
+        component: './RunComparison',
       },
       {
         path: '/search',
         name: 'search',
-        component: './Search/SearchList',
+        component: './Search',
       },
       {
         path: '/exception/403',

web-server/v0.4/jsconfig.json

@@ -4,7 +4,7 @@
     "experimentalDecorators": true,
     "baseUrl": ".",
     "paths": {
-      "components/*": ["./src/components/*"]
+      "@/*": ["./src/*"]
     }
   }
 }

web-server/v0.4/package.json

@@ -15,8 +15,8 @@
     "lint:fix": "eslint --fix --ext .js src mock tests && npm run lint:style",
     "lint-staged": "lint-staged",
     "lint-staged:js": "eslint --ext .js",
-    "test": "umi test",
-    "test:component": "umi test ./src/components",
+    "test": "umi test --verbose",
+    "test:component": "umi test @",
     "test:all": "node ./tests/run-tests.js",
     "prettier": "prettier --write ./src/**/**/**/*"
   },
@@ -70,6 +70,7 @@
     "eslint-plugin-react": "^7.0.1",
     "gh-pages": "^1.0.0",
     "husky": "^0.14.3",
+    "jest-canvas-mock": "^2.0.0-beta.1",
     "lint-staged": "^7.2.0",
     "mockjs": "^1.0.1-beta3",
     "prettier": "1.14.0",
@@ -82,6 +83,9 @@
     "umi": "^2.4.4",
     "umi-plugin-react": "^1.4.2"
   },
+  "jest": {
+    "setupFiles": ["jest-canvas-mock"]
+  },
   "optionalDependencies": {
     "puppeteer": "^1.4.0"
   },