test: Add jest config

Author: yinxin630

.eslintrc

@@ -7,9 +7,10 @@
     },
     "env": {
         "browser": true,
-        "node": true
+        "node": true,
+        "jest/globals": true
     },
-    "plugins": ["@typescript-eslint", "react", "react-hooks", "jsx-a11y", "import"],
+    "plugins": ["@typescript-eslint", "react", "react-hooks", "jsx-a11y", "import", "jest"],
     "globals": {
         "importScripts": true,
         "workbox": true

.gitignore

@@ -2,6 +2,7 @@
 node_modules/
 dist/
 public/
+coverage/
 
 npm-debug.log
 yarn-error.log

jest.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+    roots: ['./test'],
+    transform: {
+        '^.+\\.tsx?$': 'ts-jest',
+        '\\.(less)$': '<rootDir>/jest.transformer.js',
+    },
+    collectCoverage: true,
+};

jest.transformer.js

@@ -0,0 +1,7 @@
+const path = require('path');
+
+module.exports = {
+    process(src, filename) {
+        return `module.exports = ${JSON.stringify(path.basename(filename))};`;
+    },
+};

package.json

@@ -9,7 +9,8 @@
     "client": "./node_modules/.bin/ts-node build/dev-server.ts",
     "build": "./node_modules/.bin/ts-node build/build.ts",
     "lint": "./node_modules/.bin/eslint ./ --ext js,jsx,ts,tsx --ignore-pattern .eslintignore --cache",
-    "move-dist": "rm -rf public/audio && rm -rf public/avatar && rm -rf public/css && rm -rf public/fonts && rm -rf public/img && rm -rf public/js && mv -f dist/fiora/* public"
+    "move-dist": "rm -rf public/audio && rm -rf public/avatar && rm -rf public/css && rm -rf public/fonts && rm -rf public/img && rm -rf public/js && mv -f dist/fiora/* public",
+    "test": "jest"
   },
   "pre-commit": [
     "lint"
@@ -74,7 +75,10 @@
     "xss": "^0.3.7"
   },
   "devDependencies": {
+    "@types/enzyme": "^3.10.3",
+    "@types/enzyme-adapter-react-16": "^1.0.5",
     "@types/ip": "^1.1.0",
+    "@types/jest": "^24.0.18",
     "@types/koa": "^2.0.49",
     "@types/koa-send": "^4.1.2",
     "@types/koa-static": "^4.0.1",
@@ -100,9 +104,12 @@
     "copy-webpack-plugin": "^4.5.1",
     "cross-env": "^5.1.6",
     "css-loader": "^3.2.0",
+    "enzyme": "^3.10.0",
+    "enzyme-adapter-react-16": "^1.14.0",
     "eslint": "^6.1.0",
     "eslint-config-airbnb": "^18.0.1",
     "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-jest": "^22.15.2",
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-react": "^7.14.3",
     "eslint-plugin-react-hooks": "^1.7.0",
@@ -114,6 +121,7 @@
     "function-bind": "^1.1.0",
     "html-webpack-plugin": "^3.2.0",
     "http-proxy-middleware": "^0.17.3",
+    "jest": "^24.9.0",
     "less": "^3.10.3",
     "less-loader": "^4.1.0",
     "less-plugin-autoprefix": "^1.5.1",
@@ -129,6 +137,7 @@
     "script-ext-html-webpack-plugin": "^2.0.1",
     "semver": "^5.3.0",
     "style-loader": "^0.15.0",
+    "ts-jest": "^24.0.2",
     "ts-loader": "^6.0.4",
     "ts-node": "^8.3.0",
     "typescript": "^3.5.3",

test/example.test.ts

@@ -0,0 +1,17 @@
+// import { configure, mount } from 'enzyme';
+// import Adapter from 'enzyme-adapter-react-16';
+
+// configure({ adapter: new Adapter() });
+
+// const popup = mount(
+//     <Popup visible onClose={() => popup.setProps({ visible: false })}>
+//         <p className="content">content</p>
+//     </Popup>,
+// );
+
+// // toMatchSnapshot
+// expect(popup).toMatchSnapshot({});
+
+test('example', () => {
+    expect(1 + 1).toBe(2);
+});