chore: add ts auto mock

package.json

@@ -16,6 +16,7 @@
   },
   "devDependencies": {
     "@babel/core": "7.16.0",
+    "@playwright/test": "1.14.1",
     "@storybook/addon-actions": "6.3.12",
     "@storybook/addon-essentials": "6.3.12",
     "@storybook/addon-links": "6.3.12",
@@ -25,12 +26,14 @@
     "babel-loader": "8.2.3",
     "eslint": "<8.0.0",
     "jest": "27.3.1",
+    "jest-ts-auto-mock": "^2.0.0",
     "lerna": "4.0.0",
     "markdown-spellcheck": "1.3.1",
     "markdownlint-cli": "0.29.0",
+    "ts-auto-mock": "^3.5.0",
     "ts-jest": "27.0.7",
-    "typescript": "4.4.4",
-    "@playwright/test": "1.14.1"
+    "ttypescript": "^1.5.12",
+    "typescript": "4.4.4"
   },
   "dependencies": {}
 }

webapp/jest.config.js

@@ -1,5 +1,12 @@
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 module.exports = {
-  preset: "ts-jest",
-  testEnvironment: "node",
+  transform: {
+    ".(ts|tsx)": "ts-jest"
+  },
+  globals: {
+    "ts-jest": {
+      compiler: "ttypescript",
+    },
+  },
+  setupFiles: ["<rootDir>tests/config.ts"],
 };

webapp/tests/config.ts

@@ -0,0 +1 @@
+import "jest-ts-auto-mock";

webapp/tsconfig.json

@@ -1,6 +1,12 @@
 {
   "compilerOptions": {
     "target": "es5",
+    "plugins": [
+      {
+        "transform": "ts-auto-mock/transformer",
+        "cacheBetweenTests": false
+      }
+    ],
     "lib": [
       "dom",
       "dom.iterable",