React testing capabilities

jouko-admin-ui/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+    presets: [
+      ['@babel/preset-env', {targets: {node: 'current'}}],
+      '@babel/preset-typescript',
+    ],
+};

jouko-admin-ui/jest.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.ts?$': 'ts-jest',
+  },
+  moduleNameMapper: {
+    ".+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2|svg)$": "identity-obj-proxy"
+  },
+  "transformIgnorePatterns": ['<rootDir>/node_modules/'],
+  "resetMocks": false,
+  "setupFiles": ["jest-localstorage-mock"]
+};

jouko-admin-ui/package.json

@@ -23,15 +23,29 @@
   "scripts": {
     "start": "react-scripts-ts start",
     "build": "react-scripts-ts build",
-    "test": "react-scripts-ts test --env=jsdom",
+    "test": "jest",
     "eject": "react-scripts-ts eject"
   },
   "devDependencies": {
+    "@babel/core": "^7.18.6",
+    "@babel/preset-env": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@jest/types": "^28.1.1",
+    "@testing-library/dom": "^8.13.0",
+    "@testing-library/react": "^12.1.4",
     "@types/jest": "^22.2.3",
     "@types/node": "^9.6.6",
     "@types/react": "^16.3.12",
     "@types/react-dom": "^16.0.5",
+    "@types/supertest": "^2.0.12",
+    "babel-jest": "^28.1.2",
     "font-awesome": "^4.7.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^23.1.0",
+    "jest-localstorage-mock": "^2.4.21",
+    "supertest": "^6.2.3",
+    "ts-jest": "^23.10.5",
+    "ts-node": "^10.8.1",
     "typescript": "^2.8.3"
   }
 }

jouko-admin-ui/src/setupTests.js

@@ -0,0 +1,6 @@
+const localStorageMock = {
+    getItem: jest.fn(),
+    setItem: jest.fn(),
+    clear: jest.fn()
+  };
+  global.localStorage = localStorageMock;

jouko-ui/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+    presets: [
+      ['@babel/preset-env', {targets: {node: 'current'}}],
+      '@babel/preset-typescript',
+    ],
+};

jouko-ui/jest.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.ts?$': 'ts-jest',
+  },
+  moduleNameMapper: {
+    ".+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2|svg)$": "identity-obj-proxy"
+  },
+  "transformIgnorePatterns": ['<rootDir>/node_modules/'],
+  "resetMocks": false,
+  "setupFiles": ["jest-localstorage-mock"]
+};