Updated various dependencies to resolve security issues (#343)

* Updated various dependencies to resolve some security issues
* Fixed some dependencies and tests
* Updated Jest config
* Removed usage of 'mount' in Jest tests

amundsen_application/static/jest.config.js

@@ -34,7 +34,6 @@ module.exports = {
   transform: {
     '^.+\\.tsx?$': 'ts-jest',
     '^.+\\.js$': 'babel-jest',
-    '^.+\\.(css|scss)$': '<rootDir>/node_modules/jest-css-modules',
   },
   testRegex: '(/tests/.*|(\\.|/)(test|spec))\\.(j|t)sx?$',
   moduleDirectories: ['node_modules', 'js'],
@@ -45,6 +44,9 @@ module.exports = {
     'jsx',
     'json',
   ],
+  moduleNameMapper: {
+    '^.+\\.(css|scss)$': '<rootDir>/node_modules/jest-css-modules',
+  },
   globals: {
     'ts-jest': {
       diagnostics: false,

amundsen_application/static/js/components/AnnouncementPage/tests/index.spec.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as DocumentTitle from 'react-document-title';
 import SanitizedHTML from 'react-sanitized-html';
 
-import { mount, shallow } from 'enzyme';
+import { shallow } from 'enzyme';
 
 import { AnnouncementPage, AnnouncementPageProps, mapDispatchToProps, mapStateToProps } from '../';
 
@@ -26,7 +26,7 @@ describe('AnnouncementPage', () => {
             html_content: '<div>Just kidding</div>',
           }],
         };
-        subject = mount(<AnnouncementPage {...props} />);
+        subject = shallow(<AnnouncementPage {...props} />);
     });
 
     describe('componentDidMount', () => {

amundsen_application/static/js/components/TableDetail/WatermarkLabel/index.tsx

@@ -42,7 +42,7 @@ class WatermarkLabel extends React.Component<WatermarkLabelProps> {
     }
 
     return (
-      <>
+      <div>
         <div className="range-labels body-2">
           { LOW_WATERMARK_LABEL }
           <br/>
@@ -53,7 +53,7 @@ class WatermarkLabel extends React.Component<WatermarkLabelProps> {
           <br/>
           { high && this.formatWatermarkDate(high) }
         </div>
-      </>
+      </div>
     );
   };
 

amundsen_application/static/js/components/TableDetail/WatermarkLabel/tests/index.spec.tsx

 import * as React from 'react';
 
-import { shallow, mount } from 'enzyme';
+import { shallow } from 'enzyme';
 import WatermarkLabel, { WatermarkLabelProps } from '../';
 import {
   NO_WATERMARK_LINE_1,
@@ -76,7 +76,7 @@ describe('WatermarkLabel', () => {
 
     it('renders the date when present', () => {
       const watermarkInfo = instance.renderWatermarkInfo('2018-08-03', '2019-10-15');
-      expect(mount(watermarkInfo).find('.range-dates').text()).toBe('Aug 03, 2018Oct 15, 2019')
+      expect(shallow(watermarkInfo).find('.range-dates').text()).toBe('Aug 03, 2018Oct 15, 2019')
     });
   });
 

amundsen_application/static/package.json

@@ -25,9 +25,9 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@types/enzyme": "^3.1.14",
+    "@types/enzyme": "^3.10.3",
     "@types/jasmine-matchers": "^0.2.31",
-    "@types/jest": "^23.3.9",
+    "@types/jest": "^24.0.23",
     "@types/node": "^10.12.10",
     "@types/react-redux": "^6.0.0",
     "@types/react-router": "^4.0.25",
@@ -35,18 +35,18 @@
     "@types/webpack": "^4.4.19",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
-    "babel-jest": "^23.6.0",
+    "babel-jest": "^24.9.0",
     "babel-loader": "^7.1.4",
     "babel-polyfill": "^6.0.16",
     "babel-preset-env": "^1.7.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-0": "^6.0.15",
-    "bootstrap-sass": "^3.3.7",
+    "bootstrap-sass": "^3.4.1",
     "clean-webpack-plugin": "^0.1.19",
     "cross-env": "^5.2.1",
-    "css-loader": "^0.28.11",
-    "enzyme": "^3.7.0",
+    "css-loader": "^3.2.0",
+    "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.6.0",
     "enzyme-to-json": "^3.3.4",
     "eslint": "^4.9.0",
@@ -55,8 +55,8 @@
     "eslint-plugin-jsx-a11y": "^6.0.2",
     "eslint-plugin-react": "^7.4.0",
     "html-webpack-plugin": "^3.2.0",
-    "jest": "^24.0.0",
-    "jest-css-modules": "^1.1.0",
+    "jest": "^24.9.0",
+    "jest-css-modules": "^2.1.0",
     "mini-css-extract-plugin": "^0.4.5",
     "node-sass": "^4.10.0",
     "postcss": "^7.0.6",
@@ -67,11 +67,11 @@
     "sass-loader": "^7.1.0",
     "style-loader": "^0.20.3",
     "terser-webpack-plugin": "^1.1.0",
-    "ts-jest": "^24.0.0",
-    "ts-loader": "4.0.0",
-    "ts-node": "^7.0.1",
-    "tsconfig-paths": "^3.7.0",
-    "tslint": "^5.10.0",
+    "ts-jest": "^24.1.0",
+    "ts-loader": "^6.2.1",
+    "ts-node": "^8.5.2",
+    "tsconfig-paths": "^3.9.0",
+    "tslint": "^5.20.1",
     "tslint-config-airbnb": "^5.8.0",
     "tslint-config-prettier": "^1.12.0",
     "tslint-eslint-rules": "^5.2.0",
@@ -88,13 +88,13 @@
     "autosize": "^4.0.2",
     "axios": "0.19.0",
     "form-serialize": "^0.7.2",
-    "jquery": "^3.3.1",
+    "jquery": "^3.4.0",
     "moment-timezone": "^0.5.21",
     "react": "^16.3.1",
     "react-avatar": "^2.5.1",
     "react-bootstrap": "^0.32.1",
     "react-document-title": "^2.0.3",
-    "react-dom": "^16.3.1",
+    "react-dom": "^16.3.3",
     "react-js-pagination": "^3.0.2",
     "react-linkify": "^0.2.2",
     "react-markdown": "^4.2.2",