Add test libs, update dependencies

client/package.json

@@ -22,7 +22,8 @@
   },
   "eslintConfig": {
     "env": {
-      "browser": true
+      "browser": true,
+      "jest": true
     },
     "parser": "babel-eslint",
     "plugins": [
@@ -35,6 +36,15 @@
       "prettier/react"
     ],
     "rules": {
+      "import/no-extraneous-dependencies": [
+        "error",
+        {
+          "devDependencies": [
+            "src/setupTests.js",
+            "**/*.test.js"
+          ]
+        }
+      ],
       "prettier/prettier": [
         "error",
         {
@@ -49,25 +59,25 @@
     "classnames": "^2.2.6",
     "connected-react-router": "^6.8.0",
     "date-fns": "^2.15.0",
-    "dequal": "^1.0.1",
+    "dequal": "^2.0.2",
     "history": "^4.10.1",
-    "i18next": "^19.6.3",
-    "i18next-browser-languagedetector": "^5.0.1",
+    "i18next": "^19.7.0",
+    "i18next-browser-languagedetector": "^6.0.1",
     "initials": "^3.1.1",
-    "lodash": "^4.17.19",
+    "lodash": "^4.17.20",
     "node-sass": "^4.14.1",
     "prop-types": "^15.7.2",
     "react": "^16.13.1",
     "react-beautiful-dnd": "^13.0.0",
     "react-datepicker": "^3.1.3",
     "react-dom": "^16.13.1",
-    "react-dropzone": "^11.0.2",
+    "react-dropzone": "^11.0.3",
     "react-i18next": "^11.7.0",
     "react-input-mask": "^2.0.4",
     "react-markdown": "^4.3.1",
     "react-redux": "^7.2.1",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.2",
+    "react-scripts": "3.4.3",
     "react-textarea-autosize": "^8.2.0",
     "redux": "^4.0.5",
     "redux-logger": "^3.0.6",
@@ -75,20 +85,25 @@
     "redux-saga": "^1.1.3",
     "reselect": "^4.0.0",
     "sails.io.js": "^1.2.1",
-    "semantic-ui-react": "^1.1.1",
+    "semantic-ui-react": "^1.2.1",
     "socket.io-client": "^2.3.0",
     "validator": "^13.1.1",
     "whatwg-fetch": "^3.4.0"
   },
   "devDependencies": {
+    "chai": "^4.2.0",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.3",
     "eslint": "^6.8.0",
     "eslint-config-airbnb": "^18.2.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.20.5",
-    "eslint-plugin-react-hooks": "^4.0.8",
-    "prettier": "2.0.5"
+    "eslint-plugin-react": "^7.20.6",
+    "eslint-plugin-react-hooks": "^4.1.0",
+    "jest-enzyme": "^7.1.2",
+    "prettier": "2.0.5",
+    "react-test-renderer": "^16.13.1"
   }
 }

client/src/components/Boards/EditPopup.jsx

@@ -1,4 +1,4 @@
-import dequal from 'dequal';
+import { dequal } from 'dequal';
 import React, { useCallback, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';

client/src/components/CardModal/Actions/CommentEdit.jsx

@@ -1,4 +1,4 @@
-import dequal from 'dequal';
+import { dequal } from 'dequal';
 import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';

client/src/components/CardModal/Attachments/EditPopup.jsx

@@ -1,4 +1,4 @@
-import dequal from 'dequal';
+import { dequal } from 'dequal';
 import React, { useCallback, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';

client/src/components/LabelsStep/EditStep.jsx

@@ -1,4 +1,4 @@
-import dequal from 'dequal';
+import { dequal } from 'dequal';
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';

client/src/components/Project/ActionsPopup/BackgroundEditStep.jsx

@@ -1,4 +1,4 @@
-import dequal from 'dequal';
+import { dequal } from 'dequal';
 import upperFirst from 'lodash/upperFirst';
 import camelCase from 'lodash/camelCase';
 import React, { useCallback, useEffect, useRef } from 'react';

client/src/components/TimerEditStep/TimerEditStep.jsx

@@ -1,4 +1,4 @@
-import dequal from 'dequal';
+import { dequal } from 'dequal';
 import React, { useCallback, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';

client/src/components/UserSettingsModal/AccountPane/InformationEdit.jsx

@@ -1,4 +1,4 @@
-import dequal from 'dequal';
+import { dequal } from 'dequal';
 import pickBy from 'lodash/pickBy';
 import React, { useCallback, useMemo, useRef } from 'react';
 import PropTypes from 'prop-types';

client/src/setupTests.js

@@ -0,0 +1,6 @@
+import { configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+
+import 'jest-enzyme';
+
+configure({ adapter: new Adapter() });

client/src/utils/local-id.test.js

@@ -0,0 +1,11 @@
+import { isLocalId } from './local-id';
+
+describe('isLocalId', () => {
+  test('is valid', () => {
+    expect(isLocalId('local:1234567890')).toBeTruthy();
+  });
+
+  test('is invalid', () => {
+    expect(isLocalId('1234567890')).toBeFalsy();
+  });
+});