Start testing React Componenets

Author: jahn96

babel.config.js

@@ -7,6 +7,6 @@ module.exports = {
           node: 'current'
         }
       }
-    ]
+    ], '@babel/preset-react'
   ]
 };

package.json

@@ -66,17 +66,28 @@
     "@lumino/dragdrop": "^1.7.1",
     "@lumino/messaging": "^1.4.3",
     "@lumino/properties": "^1.2.3",
-    "@lumino/signaling": "^1.4.3"
+    "@lumino/signaling": "^1.4.3",
+    "@lumino/widgets": "^1.13.2",
+    "@types/react": "^16.9.56"
   },
   "devDependencies": {
     "@jupyterlab/builder": "^3.0.0-rc.13",
     "@typescript-eslint/eslint-plugin": "^2.27.0",
     "@typescript-eslint/parser": "^2.27.0",
     "eslint": "^7.5.0",
     "@babel/core": "^7",
-    "@babel/preset-env": "^7",
+    "@babel/preset-env": "^7.12.1",
+    "@babel/preset-react": "^7.12.5",
     "@testing-library/react": "^11.1.1",
+    "@types/enzyme": "^3.10.8",
+    "@types/enzyme-adapter-react-16": "^1.0.6",
     "@types/jest": "^26.0.15",
+    "@types/node-fetch": "^2.5.7",
+    "@types/react-dom": "^16.9.9",
+    "@types/react-test-renderer": "^16.9.3",
+    "babel-jest": "^26.6.3",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.5",
     "eslint-config-prettier": "^6.10.1",
     "eslint-plugin-prettier": "^3.1.2",
     "eslint-plugin-react": "^7.20.4",

testutils/jest-setup-files.js

@@ -1 +1,6 @@
+import { configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+
 global.fetch = require('jest-fetch-mock');
+configure({ adapter: new Adapter() });
+