Wrote end-to-end cypress tests

client/package.json

@@ -5,6 +5,8 @@
   "license": "MIT",
   "scripts": {
     "start": "webpack-dev-server",
+    "test-jest": "jest",
+    "test-cypress": "node_modules/.bin/cypress open",
     "build": "rm -rf dist && webpack --config webpack.config.production.js --progress",
     "pre-commit": "lint-staged"
   },
@@ -16,18 +18,22 @@
     "@babel/plugin-syntax-dynamic-import": "^7.7.4",
     "@babel/preset-env": "^7.7.4",
     "@babel/preset-react": "^7.7.4",
+    "@cypress/webpack-preprocessor": "^4.1.1",
     "babel-eslint": "^10.0.3",
     "babel-loader": "^8.0.6",
     "css-loader": "^3.3.2",
+    "cypress": "^3.8.1",
     "eslint": "^6.1.0",
     "eslint-config-airbnb": "^18.0.1",
     "eslint-config-prettier": "^6.7.0",
+    "eslint-plugin-cypress": "^2.8.1",
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-react": "^7.17.0",
     "eslint-plugin-react-hooks": "^1.7.0",
     "file-loader": "^5.0.2",
     "html-webpack-plugin": "^3.2.0",
+    "jest": "^24.9.0",
     "lint-staged": "^9.5.0",
     "prettier": "^1.19.1",
     "style-loader": "^1.0.1",
@@ -37,6 +43,7 @@
     "webpack-dev-server": "^3.9.0"
   },
   "dependencies": {
+    "@4tw/cypress-drag-drop": "^1.3.0",
     "axios": "^0.19.0",
     "color": "^3.1.2",
     "core-js": "^3.4.7",