frontend tests, circleci

2025-10-28 23:37:48 +01:00 · 2020-10-11 19:16:09 +03:00
parent 210113bd6d
commit b5a9a54883
13 changed files with 790 additions and 4 deletions
--- a/frontend/.eslintrc.json
+++ b/frontend/.eslintrc.json
@@ -23,7 +23,8 @@
        "plugin:react/recommended"
    ],
    "env": {
-        "browser": true
+        "browser": true,
+        "node": true
    },
    "parserOptions": {
        "ecmaFeatures": {
@@ -49,6 +50,9 @@
        }
    },
    "rules": {
-        "@typescript-eslint/require-await": "warn"
+        "@typescript-eslint/require-await": "off",
+        "@typescript-eslint/no-unsafe-member-access": "off",
+        "@typescript-eslint/no-unsafe-assignment": "off",
+        "@typescript-eslint/no-unsafe-call": "off"
    }
 }
--- a/frontend/jest.config.js
+++ b/frontend/jest.config.js
@@ -0,0 +1,19 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const { pathsToModuleNameMapper } = require("ts-jest/utils");
+const { compilerOptions } = require("./tsconfig");
+
+module.exports = {
+    preset: "ts-jest",
+    moduleNameMapper: {
+        "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$":
+            "<rootDir>/src/fileMock.ts",
+        "\\.(css|less|scss)$": "<rootDir>/src/styleMock.ts",
+        ...pathsToModuleNameMapper(compilerOptions.paths, {
+            prefix: "<rootDir>/src/",
+        }),
+        "react-spring/renderprops":
+            "<rootDir>/node_modules/react-spring/renderprops.cjs",
+        "react-spring": "<rootDir>/node_modules/react-spring/web.cjs",
+    },
+    setupFilesAfterEnv: ["<rootDir>/src/setupTests.ts"],
+};
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -2928,6 +2928,34 @@
                "@babel/types": "^7.3.0"
            }
        },
+        "@types/cheerio": {
+            "version": "0.22.22",
+            "resolved": "https://registry.npmjs.org/@types/cheerio/-/cheerio-0.22.22.tgz",
+            "integrity": "sha512-05DYX4zU96IBfZFY+t3Mh88nlwSMtmmzSYaQkKN48T495VV1dkHSah6qYyDTN5ngaS0i0VonH37m+RuzSM0YiA==",
+            "dev": true,
+            "requires": {
+                "@types/node": "*"
+            }
+        },
+        "@types/enzyme": {
+            "version": "3.10.7",
+            "resolved": "https://registry.npmjs.org/@types/enzyme/-/enzyme-3.10.7.tgz",
+            "integrity": "sha512-J+0wduPGAkzOvW7sr6hshGv1gBI3WXLRTczkRKzVPxLP3xAkYxZmvvagSBPw8Z452fZ8TGUxCmAXcb44yLQksw==",
+            "dev": true,
+            "requires": {
+                "@types/cheerio": "*",
+                "@types/react": "*"
+            }
+        },
+        "@types/enzyme-adapter-react-16": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/@types/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.0.6.tgz",
+            "integrity": "sha512-VonDkZ15jzqDWL8mPFIQnnLtjwebuL9YnDkqeCDYnB4IVgwUm0mwKkqhrxLL6mb05xm7qqa3IE95m8CZE9imCg==",
+            "dev": true,
+            "requires": {
+                "@types/enzyme": "*"
+            }
+        },
        "@types/eslint": {
            "version": "7.2.4",
            "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.2.4.tgz",
@@ -2987,6 +3015,112 @@
                "@types/istanbul-lib-report": "*"
            }
        },
+        "@types/jest": {
+            "version": "26.0.14",
+            "resolved": "https://registry.npmjs.org/@types/jest/-/jest-26.0.14.tgz",
+            "integrity": "sha512-Hz5q8Vu0D288x3iWXePSn53W7hAjP0H7EQ6QvDO9c7t46mR0lNOLlfuwQ+JkVxuhygHzlzPX+0jKdA3ZgSh+Vg==",
+            "requires": {
+                "jest-diff": "^25.2.1",
+                "pretty-format": "^25.2.1"
+            },
+            "dependencies": {
+                "@jest/types": {
+                    "version": "25.5.0",
+                    "resolved": "https://registry.npmjs.org/@jest/types/-/types-25.5.0.tgz",
+                    "integrity": "sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==",
+                    "requires": {
+                        "@types/istanbul-lib-coverage": "^2.0.0",
+                        "@types/istanbul-reports": "^1.1.1",
+                        "@types/yargs": "^15.0.0",
+                        "chalk": "^3.0.0"
+                    }
+                },
+                "@types/istanbul-reports": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-1.1.2.tgz",
+                    "integrity": "sha512-P/W9yOX/3oPZSpaYOCQzGqgCQRXn0FFO/V8bWrCQs+wLmvVVxk6CRBXALEvNs9OHIatlnlFokfhuDo2ug01ciw==",
+                    "requires": {
+                        "@types/istanbul-lib-coverage": "*",
+                        "@types/istanbul-lib-report": "*"
+                    }
+                },
+                "ansi-styles": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+                    "requires": {
+                        "color-convert": "^2.0.1"
+                    }
+                },
+                "chalk": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+                    "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+                    "requires": {
+                        "ansi-styles": "^4.1.0",
+                        "supports-color": "^7.1.0"
+                    }
+                },
+                "color-convert": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+                    "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+                    "requires": {
+                        "color-name": "~1.1.4"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+                    "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+                },
+                "diff-sequences": {
+                    "version": "25.2.6",
+                    "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-25.2.6.tgz",
+                    "integrity": "sha512-Hq8o7+6GaZeoFjtpgvRBUknSXNeJiCx7V9Fr94ZMljNiCr9n9L8H8aJqgWOQiDDGdyn29fRNcDdRVJ5fdyihfg=="
+                },
+                "has-flag": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+                    "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+                },
+                "jest-diff": {
+                    "version": "25.5.0",
+                    "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-25.5.0.tgz",
+                    "integrity": "sha512-z1kygetuPiREYdNIumRpAHY6RXiGmp70YHptjdaxTWGmA085W3iCnXNx0DhflK3vwrKmrRWyY1wUpkPMVxMK7A==",
+                    "requires": {
+                        "chalk": "^3.0.0",
+                        "diff-sequences": "^25.2.6",
+                        "jest-get-type": "^25.2.6",
+                        "pretty-format": "^25.5.0"
+                    }
+                },
+                "jest-get-type": {
+                    "version": "25.2.6",
+                    "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-25.2.6.tgz",
+                    "integrity": "sha512-DxjtyzOHjObRM+sM1knti6or+eOgcGU4xVSb2HNP1TqO4ahsT+rqZg+nyqHWJSvWgKC5cG3QjGFBqxLghiF/Ig=="
+                },
+                "pretty-format": {
+                    "version": "25.5.0",
+                    "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-25.5.0.tgz",
+                    "integrity": "sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==",
+                    "requires": {
+                        "@jest/types": "^25.5.0",
+                        "ansi-regex": "^5.0.0",
+                        "ansi-styles": "^4.0.0",
+                        "react-is": "^16.12.0"
+                    }
+                },
+                "supports-color": {
+                    "version": "7.2.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+                    "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+                    "requires": {
+                        "has-flag": "^4.0.0"
+                    }
+                }
+            }
+        },
        "@types/json-schema": {
            "version": "7.0.6",
            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.6.tgz",
@@ -3184,6 +3318,22 @@
                "indent-string": "^4.0.0"
            }
        },
+        "airbnb-prop-types": {
+            "version": "2.16.0",
+            "resolved": "https://registry.npmjs.org/airbnb-prop-types/-/airbnb-prop-types-2.16.0.tgz",
+            "integrity": "sha512-7WHOFolP/6cS96PhKNrslCLMYAI8yB1Pp6u6XmxozQOiZbsI5ycglZr5cHhBFfuRcQQjzCMith5ZPZdYiJCxUg==",
+            "requires": {
+                "array.prototype.find": "^2.1.1",
+                "function.prototype.name": "^1.1.2",
+                "is-regex": "^1.1.0",
+                "object-is": "^1.1.2",
+                "object.assign": "^4.1.0",
+                "object.entries": "^1.1.2",
+                "prop-types": "^15.7.2",
+                "prop-types-exact": "^1.2.0",
+                "react-is": "^16.13.1"
+            }
+        },
        "ajv": {
            "version": "6.12.5",
            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.5.tgz",
@@ -3302,6 +3452,15 @@
            "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
            "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg="
        },
+        "array.prototype.find": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/array.prototype.find/-/array.prototype.find-2.1.1.tgz",
+            "integrity": "sha512-mi+MYNJYLTx2eNYy+Yh6raoQacCsNeeMUaspFPh9Y141lFSsWxxB8V9mM2ye+eqiRs917J6/pJ4M9ZPzenWckA==",
+            "requires": {
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.17.4"
+            }
+        },
        "array.prototype.flat": {
            "version": "1.2.3",
            "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.3.tgz",
@@ -3742,6 +3901,14 @@
                "node-releases": "^1.1.61"
            }
        },
+        "bs-logger": {
+            "version": "0.2.6",
+            "resolved": "https://registry.npmjs.org/bs-logger/-/bs-logger-0.2.6.tgz",
+            "integrity": "sha512-pd8DCoxmbgc7hyPKOvxtqNcjYoOsABPQdcCUjGp3d42VR2CX1ORhk2A87oqqu5R1kk+76nsxZupkmyd+MVtCog==",
+            "requires": {
+                "fast-json-stable-stringify": "2.x"
+            }
+        },
        "bser": {
            "version": "2.1.1",
            "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
@@ -3877,6 +4044,68 @@
            "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
            "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA=="
        },
+        "cheerio": {
+            "version": "1.0.0-rc.3",
+            "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.3.tgz",
+            "integrity": "sha512-0td5ijfUPuubwLUu0OBoe98gZj8C/AA+RW3v67GPlGOrvxWjZmBXiBCRU+I8VEiNyJzjth40POfHiz2RB3gImA==",
+            "requires": {
+                "css-select": "~1.2.0",
+                "dom-serializer": "~0.1.1",
+                "entities": "~1.1.1",
+                "htmlparser2": "^3.9.1",
+                "lodash": "^4.15.0",
+                "parse5": "^3.0.1"
+            },
+            "dependencies": {
+                "css-select": {
+                    "version": "1.2.0",
+                    "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
+                    "integrity": "sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=",
+                    "requires": {
+                        "boolbase": "~1.0.0",
+                        "css-what": "2.1",
+                        "domutils": "1.5.1",
+                        "nth-check": "~1.0.1"
+                    }
+                },
+                "css-what": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz",
+                    "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg=="
+                },
+                "dom-serializer": {
+                    "version": "0.1.1",
+                    "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz",
+                    "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==",
+                    "requires": {
+                        "domelementtype": "^1.3.0",
+                        "entities": "^1.1.1"
+                    }
+                },
+                "domutils": {
+                    "version": "1.5.1",
+                    "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
+                    "integrity": "sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=",
+                    "requires": {
+                        "dom-serializer": "0",
+                        "domelementtype": "1"
+                    }
+                },
+                "entities": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+                    "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+                },
+                "parse5": {
+                    "version": "3.0.3",
+                    "resolved": "https://registry.npmjs.org/parse5/-/parse5-3.0.3.tgz",
+                    "integrity": "sha512-rgO9Zg5LLLkfJF9E6CCmXlSE4UVceloys8JrFqCcHloC3usd/kJCyPDwH2SOlzix2j3xaP9sUX3e8+kvkuleAA==",
+                    "requires": {
+                        "@types/node": "*"
+                    }
+                }
+            }
+        },
        "chrome-trace-event": {
            "version": "1.0.2",
            "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz",
@@ -4792,6 +5021,11 @@
                "path-type": "^4.0.0"
            }
        },
+        "discontinuous-range": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/discontinuous-range/-/discontinuous-range-1.0.0.tgz",
+            "integrity": "sha1-44Mx8IRLukm5qctxx3FYWqsbxlo="
+        },
        "dlv": {
            "version": "1.1.3",
            "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
@@ -4965,6 +5199,87 @@
            "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.3.tgz",
            "integrity": "sha512-MyoZ0jgnLvB2X3Lg5HqpFmn1kybDiIfEQmKzTb5apr51Rb+T3KdmMiqa70T+bhGnyv7bQ6WMj2QMHpGMmlrUYQ=="
        },
+        "enzyme": {
+            "version": "3.11.0",
+            "resolved": "https://registry.npmjs.org/enzyme/-/enzyme-3.11.0.tgz",
+            "integrity": "sha512-Dw8/Gs4vRjxY6/6i9wU0V+utmQO9kvh9XLnz3LIudviOnVYDEe2ec+0k+NQoMamn1VrjKgCUOWj5jG/5M5M0Qw==",
+            "requires": {
+                "array.prototype.flat": "^1.2.3",
+                "cheerio": "^1.0.0-rc.3",
+                "enzyme-shallow-equal": "^1.0.1",
+                "function.prototype.name": "^1.1.2",
+                "has": "^1.0.3",
+                "html-element-map": "^1.2.0",
+                "is-boolean-object": "^1.0.1",
+                "is-callable": "^1.1.5",
+                "is-number-object": "^1.0.4",
+                "is-regex": "^1.0.5",
+                "is-string": "^1.0.5",
+                "is-subset": "^0.1.1",
+                "lodash.escape": "^4.0.1",
+                "lodash.isequal": "^4.5.0",
+                "object-inspect": "^1.7.0",
+                "object-is": "^1.0.2",
+                "object.assign": "^4.1.0",
+                "object.entries": "^1.1.1",
+                "object.values": "^1.1.1",
+                "raf": "^3.4.1",
+                "rst-selector-parser": "^2.2.3",
+                "string.prototype.trim": "^1.2.1"
+            }
+        },
+        "enzyme-adapter-react-16": {
+            "version": "1.15.5",
+            "resolved": "https://registry.npmjs.org/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.15.5.tgz",
+            "integrity": "sha512-33yUJGT1nHFQlbVI5qdo5Pfqvu/h4qPwi1o0a6ZZsjpiqq92a3HjynDhwd1IeED+Su60HDWV8mxJqkTnLYdGkw==",
+            "requires": {
+                "enzyme-adapter-utils": "^1.13.1",
+                "enzyme-shallow-equal": "^1.0.4",
+                "has": "^1.0.3",
+                "object.assign": "^4.1.0",
+                "object.values": "^1.1.1",
+                "prop-types": "^15.7.2",
+                "react-is": "^16.13.1",
+                "react-test-renderer": "^16.0.0-0",
+                "semver": "^5.7.0"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "5.7.1",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+                    "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+                }
+            }
+        },
+        "enzyme-adapter-utils": {
+            "version": "1.13.1",
+            "resolved": "https://registry.npmjs.org/enzyme-adapter-utils/-/enzyme-adapter-utils-1.13.1.tgz",
+            "integrity": "sha512-5A9MXXgmh/Tkvee3bL/9RCAAgleHqFnsurTYCbymecO4ohvtNO5zqIhHxV370t7nJAwaCfkgtffarKpC0GPt0g==",
+            "requires": {
+                "airbnb-prop-types": "^2.16.0",
+                "function.prototype.name": "^1.1.2",
+                "object.assign": "^4.1.0",
+                "object.fromentries": "^2.0.2",
+                "prop-types": "^15.7.2",
+                "semver": "^5.7.1"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "5.7.1",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+                    "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+                }
+            }
+        },
+        "enzyme-shallow-equal": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/enzyme-shallow-equal/-/enzyme-shallow-equal-1.0.4.tgz",
+            "integrity": "sha512-MttIwB8kKxypwHvRynuC3ahyNc+cFbR8mjVIltnmzQ0uKGqmsfO4bfBuLxb0beLNPhjblUEYvEbsg+VSygvF1Q==",
+            "requires": {
+                "has": "^1.0.3",
+                "object-is": "^1.1.2"
+            }
+        },
        "error-ex": {
            "version": "1.3.2",
            "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
@@ -6099,11 +6414,26 @@
            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
        },
+        "function.prototype.name": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.2.tgz",
+            "integrity": "sha512-C8A+LlHBJjB2AdcRPorc5JvJ5VUoWlXdEHLOJdCI7kjHEtGTpHQUiqMvCIKUwIsGwZX2jZJy761AXsn356bJQg==",
+            "requires": {
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.17.0-next.1",
+                "functions-have-names": "^1.2.0"
+            }
+        },
        "functional-red-black-tree": {
            "version": "1.0.1",
            "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
            "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc="
        },
+        "functions-have-names": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.1.tgz",
+            "integrity": "sha512-j48B/ZI7VKs3sgeI2cZp7WXWmZXu7Iq5pl5/vptV5N2mq+DGFuS/ulaDjtaoLpYzuD6u8UgrUKHfgo7fDTSiBA=="
+        },
        "gensync": {
            "version": "1.0.0-beta.1",
            "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.1.tgz",
@@ -6365,6 +6695,14 @@
            "resolved": "https://registry.npmjs.org/html-comment-regex/-/html-comment-regex-1.1.2.tgz",
            "integrity": "sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ=="
        },
+        "html-element-map": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/html-element-map/-/html-element-map-1.2.0.tgz",
+            "integrity": "sha512-0uXq8HsuG1v2TmQ8QkIhzbrqeskE4kn52Q18QJ9iAA/SnHoEKXWiUxHQtclRsCFWEUD2So34X+0+pZZu862nnw==",
+            "requires": {
+                "array-filter": "^1.0.0"
+            }
+        },
        "html-encoding-sniffer": {
            "version": "1.0.2",
            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz",
@@ -6768,6 +7106,11 @@
            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
            "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0="
        },
+        "is-boolean-object": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.0.1.tgz",
+            "integrity": "sha512-TqZuVwa/sppcrhUCAYkGBk7w0yxfQQnxq28fjkO53tnK9FQXmdwz2JS5+GjsWQ6RByES1K40nI+yDic5c9/aAQ=="
+        },
        "is-buffer": {
            "version": "1.1.6",
            "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
@@ -6913,6 +7256,11 @@
            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
        },
+        "is-number-object": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.4.tgz",
+            "integrity": "sha512-zohwelOAur+5uXtk8O3GPQ1eAcu4ZX3UwxQhUlfFFMNpUd83gXgjbhJh6HmB6LUNV/ieOLQuDwJO3dWJosUeMw=="
+        },
        "is-obj": {
            "version": "2.0.0",
            "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
@@ -6966,6 +7314,11 @@
            "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.5.tgz",
            "integrity": "sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ=="
        },
+        "is-subset": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/is-subset/-/is-subset-0.1.1.tgz",
+            "integrity": "sha1-ilkRfZMt4d4A8kX83TnOQ/HpOaY="
+        },
        "is-svg": {
            "version": "3.0.0",
            "resolved": "https://registry.npmjs.org/is-svg/-/is-svg-3.0.0.tgz",
@@ -8722,6 +9075,21 @@
            "resolved": "https://registry.npmjs.org/lodash.clone/-/lodash.clone-4.5.0.tgz",
            "integrity": "sha1-GVhwRQ9aExkkeN9Lw9I9LeoZB7Y="
        },
+        "lodash.escape": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-4.0.1.tgz",
+            "integrity": "sha1-yQRGkMIeBClL6qUXcS/e0fqI3pg="
+        },
+        "lodash.flattendeep": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
+            "integrity": "sha1-+wMJF/hqMTTlvJvsDWngAT3f7bI="
+        },
+        "lodash.isequal": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+            "integrity": "sha1-QVxEePK8wwEgwizhDtMib30+GOA="
+        },
        "lodash.memoize": {
            "version": "4.1.2",
            "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
@@ -8844,6 +9212,11 @@
                }
            }
        },
+        "make-error": {
+            "version": "1.3.6",
+            "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+            "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw=="
+        },
        "makeerror": {
            "version": "1.0.11",
            "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.11.tgz",
@@ -8988,6 +9361,11 @@
                "minimist": "^1.2.5"
            }
        },
+        "moo": {
+            "version": "0.5.1",
+            "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.1.tgz",
+            "integrity": "sha512-I1mnb5xn4fO80BH9BLcF0yLypy2UKl+Cb01Fu0hJRkJjlCRtxZMWkTdAtDd5ZqCOxtCkhmRwyI57vWT+1iZ67w=="
+        },
        "ms": {
            "version": "2.1.2",
            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -9031,6 +9409,25 @@
            "resolved": "https://registry.npmjs.org/ncp/-/ncp-2.0.0.tgz",
            "integrity": "sha1-GVoh1sRuNh0vsSgbo4uR6d9727M="
        },
+        "nearley": {
+            "version": "2.19.7",
+            "resolved": "https://registry.npmjs.org/nearley/-/nearley-2.19.7.tgz",
+            "integrity": "sha512-Y+KNwhBPcSJKeyQCFjn8B/MIe+DDlhaaDgjVldhy5xtFewIbiQgcbZV8k2gCVwkI1ZsKCnjIYZbR+0Fim5QYgg==",
+            "requires": {
+                "commander": "^2.19.0",
+                "moo": "^0.5.0",
+                "railroad-diagrams": "^1.0.0",
+                "randexp": "0.4.6",
+                "semver": "^5.4.1"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "5.7.1",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+                    "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+                }
+            }
+        },
        "nice-try": {
            "version": "1.0.5",
            "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
@@ -11082,6 +11479,16 @@
                "react-is": "^16.8.1"
            }
        },
+        "prop-types-exact": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/prop-types-exact/-/prop-types-exact-1.2.0.tgz",
+            "integrity": "sha512-K+Tk3Kd9V0odiXFP9fwDHUYRyvK3Nun3GVyPapSIs5OBkITAm15W0CPFD/YKTkMUAbc0b9CUwRQp2ybiBIq+eA==",
+            "requires": {
+                "has": "^1.0.3",
+                "object.assign": "^4.1.0",
+                "reflect.ownkeys": "^0.2.0"
+            }
+        },
        "psl": {
            "version": "1.8.0",
            "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
@@ -11177,6 +11584,28 @@
            "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
            "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM="
        },
+        "raf": {
+            "version": "3.4.1",
+            "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
+            "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+            "requires": {
+                "performance-now": "^2.1.0"
+            }
+        },
+        "railroad-diagrams": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz",
+            "integrity": "sha1-635iZ1SN3t+4mcG5Dlc3RVnN234="
+        },
+        "randexp": {
+            "version": "0.4.6",
+            "resolved": "https://registry.npmjs.org/randexp/-/randexp-0.4.6.tgz",
+            "integrity": "sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ==",
+            "requires": {
+                "discontinuous-range": "1.0.0",
+                "ret": "~0.1.10"
+            }
+        },
        "randombytes": {
            "version": "2.1.0",
            "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -11230,6 +11659,17 @@
            "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.6.0.tgz",
            "integrity": "sha512-Wv48N+GFt6Azvtl/LMvzNW9hvEyJdRQ48oVKIBAN7hjtvXXfxfVJXbPl/11SM1C/NIquIFXzzWCo6ZNH0I8I4g=="
        },
+        "react-test-renderer": {
+            "version": "16.13.1",
+            "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-16.13.1.tgz",
+            "integrity": "sha512-Sn2VRyOK2YJJldOqoh8Tn/lWQ+ZiKhyZTPtaO0Q6yNj+QDbmRkVFap6pZPy3YQk8DScRDfyqm/KxKYP9gCMRiQ==",
+            "requires": {
+                "object-assign": "^4.1.1",
+                "prop-types": "^15.6.2",
+                "react-is": "^16.8.6",
+                "scheduler": "^0.19.1"
+            }
+        },
        "read-pkg": {
            "version": "5.2.0",
            "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -11286,6 +11726,11 @@
                "util-deprecate": "^1.0.1"
            }
        },
+        "reflect.ownkeys": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/reflect.ownkeys/-/reflect.ownkeys-0.2.0.tgz",
+            "integrity": "sha1-dJrO7H8/34tj+SegSAnpDFwLNGA="
+        },
        "regenerate": {
            "version": "1.4.1",
            "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.1.tgz",
@@ -11527,6 +11972,15 @@
                "inherits": "^2.0.1"
            }
        },
+        "rst-selector-parser": {
+            "version": "2.2.3",
+            "resolved": "https://registry.npmjs.org/rst-selector-parser/-/rst-selector-parser-2.2.3.tgz",
+            "integrity": "sha1-gbIw6i/MYGbInjRy3nlChdmwPZE=",
+            "requires": {
+                "lodash.flattendeep": "^4.4.0",
+                "nearley": "^2.7.10"
+            }
+        },
        "rsvp": {
            "version": "4.8.5",
            "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-4.8.5.tgz",
@@ -12315,6 +12769,36 @@
                "side-channel": "^1.0.2"
            }
        },
+        "string.prototype.trim": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.2.tgz",
+            "integrity": "sha512-b5yrbl3BXIjHau9Prk7U0RRYcUYdN4wGSVaqoBQS50CCE3KBuYU0TYRNPFCP7aVoNMX87HKThdMRVIP3giclKg==",
+            "requires": {
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.18.0-next.0"
+            },
+            "dependencies": {
+                "es-abstract": {
+                    "version": "1.18.0-next.1",
+                    "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.1.tgz",
+                    "integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==",
+                    "requires": {
+                        "es-to-primitive": "^1.2.1",
+                        "function-bind": "^1.1.1",
+                        "has": "^1.0.3",
+                        "has-symbols": "^1.0.1",
+                        "is-callable": "^1.2.2",
+                        "is-negative-zero": "^2.0.0",
+                        "is-regex": "^1.1.1",
+                        "object-inspect": "^1.8.0",
+                        "object-keys": "^1.1.1",
+                        "object.assign": "^4.1.1",
+                        "string.prototype.trimend": "^1.0.1",
+                        "string.prototype.trimstart": "^1.0.1"
+                    }
+                }
+            }
+        },
        "string.prototype.trimend": {
            "version": "1.0.1",
            "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz",
@@ -12678,6 +13162,44 @@
                "punycode": "^2.1.0"
            }
        },
+        "ts-jest": {
+            "version": "26.4.1",
+            "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-26.4.1.tgz",
+            "integrity": "sha512-F4aFq01aS6mnAAa0DljNmKr/Kk9y4HVZ1m6/rtJ0ED56cuxINGq3Q9eVAh+z5vcYKe5qnTMvv90vE8vUMFxomg==",
+            "requires": {
+                "@types/jest": "26.x",
+                "bs-logger": "0.x",
+                "buffer-from": "1.x",
+                "fast-json-stable-stringify": "2.x",
+                "jest-util": "^26.1.0",
+                "json5": "2.x",
+                "lodash.memoize": "4.x",
+                "make-error": "1.x",
+                "mkdirp": "1.x",
+                "semver": "7.x",
+                "yargs-parser": "20.x"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz",
+                    "integrity": "sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==",
+                    "requires": {
+                        "minimist": "^1.2.5"
+                    }
+                },
+                "mkdirp": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+                    "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw=="
+                },
+                "yargs-parser": {
+                    "version": "20.2.1",
+                    "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.1.tgz",
+                    "integrity": "sha512-yYsjuSkjbLMBp16eaOt7/siKTjNVjMm3SoJnIg3sEh/JsvqVVDyjRKmaJV4cl+lNIgq6QEco2i3gDebJl7/vLA=="
+                }
+            }
+        },
        "tsconfig-paths": {
            "version": "3.9.0",
            "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz",
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -14,6 +14,8 @@
    "dependencies": {
        "@typescript-eslint/eslint-plugin": "^4.4.0",
        "@typescript-eslint/parser": "^4.4.0",
+        "enzyme": "^3.11.0",
+        "enzyme-adapter-react-16": "^1.15.5",
        "eslint": "^7.10.0",
        "eslint-config-prettier": "^6.12.0",
        "eslint-import-resolver-typescript": "^2.3.0",
@@ -30,9 +32,12 @@
        "prettier-eslint": "^11.0.0",
        "react": "^16.13.1",
        "react-dom": "^16.13.1",
+        "ts-jest": "^26.4.1",
        "typescript": "^4.0.3"
    },
    "devDependencies": {
+        "@types/enzyme": "^3.10.7",
+        "@types/enzyme-adapter-react-16": "^1.0.6",
        "@types/eslint": "^7.2.4",
        "@types/eslint-plugin-prettier": "^3.1.0",
        "@types/prettier": "^2.1.1",
--- a/frontend/src/TestTest.test.tsx
+++ b/frontend/src/TestTest.test.tsx
@@ -0,0 +1,11 @@
+import * as React from "react";
+
+import { shallow } from "enzyme";
+import { TestTest } from "~TestTest";
+
+describe("<Account />", () => {
+    it("should not crash", () => {
+        const wrapper = shallow(<TestTest />);
+        expect(wrapper.contains(<div>Hello!</div>)).toBeTruthy();
+    });
+});
--- a/frontend/src/TestTest.tsx
+++ b/frontend/src/TestTest.tsx
@@ -0,0 +1,5 @@
+import * as React from "react";
+
+export function TestTest() {
+    return <div>Hello!</div>;
+}
--- a/frontend/src/setupTests.ts
+++ b/frontend/src/setupTests.ts
@@ -0,0 +1,4 @@
+import * as Enzyme from "enzyme";
+import * as Adapter from "enzyme-adapter-react-16";
+
+Enzyme.configure({ adapter: new Adapter() });
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -25,6 +25,7 @@
    },
    "include": [
        "./src/**/*.ts",
-        "./src/**/*.tsx"
-    ],
+        "./src/**/*.tsx",
+        "./jest.config.js"
+    ]
 }