Merge pull request #306 from ohbarye/jest

Jest

Author: ohbarye

frontend/jest.config.js

@@ -0,0 +1,17 @@
+module.exports = {
+  "roots": [
+    "./src"
+  ],
+  "transform": {
+    "^.+\\.tsx?$": "ts-jest"
+  },
+  "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$",
+  "moduleFileExtensions": [
+    "ts",
+    "tsx",
+    "js",
+  ],
+  moduleNameMapper: {
+    '\\.(css)$': '<rootDir>/src/__tests__/styleMock.js',
+  },
+}

frontend/package.json

@@ -6,14 +6,18 @@
   "scripts": {
     "build": "webpack --mode production",
     "dev": "webpack-dev-server",
+    "test": "jest",
     "typecheck": "tsc -p . --noEmit"
   },
   "devDependencies": {
+    "@types/jest": "^25.2.3",
     "@types/react": "^16.9.35",
     "@types/react-dom": "^16.9.8",
     "css-loader": "^3.5.3",
     "html-webpack-plugin": "^4.3.0",
+    "jest": "^26.0.1",
     "style-loader": "^1.2.1",
+    "ts-jest": "^26.0.0",
     "ts-loader": "^7.0.4",
     "typescript": "^3.9.3",
     "webpack": "^4.43.0",

frontend/src/App.test.tsx renamed to frontend/src/__tests__/App.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+import App from '../App';
 
 it('renders without crashing', () => {
   const div = document.createElement('div');

frontend/src/__tests__/styleMock.js

@@ -0,0 +1 @@
+module.exports = {};