Rewrite UI and add Jest tests everywhere (#3)

.babelrc

@@ -1,9 +1,19 @@
 {
-  "presets": [
-    "@babel/preset-env",
-  ],
+  "presets": ["@babel/preset-env"],
   "plugins": [
     ["@babel/plugin-transform-react-jsx", { "pragma": "h" }],
-    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-class-properties"
   ],
-}
+  "env": {
+    "test": {
+      "presets": [
+        [
+          "@babel/preset-env",
+          {
+            "targets": { "node": "current" }
+          }
+        ]
+      ]
+    }
+  }
+}

.changeset/config.json

@@ -5,7 +5,7 @@
   "fixed": [],
   "linked": [],
   "access": "restricted",
-  "baseBranch": "origin/main",
+  "baseBranch": "origin/travelperk",
   "updateInternalDependencies": "patch",
   "ignore": []
 }

.changeset/quiet-houses-poke.md

@@ -0,0 +1,5 @@
+---
+"import-map-overrides": major
+---
+
+Rewrite UI and add Jest tests

jest.config.cjs

@@ -1,10 +1,9 @@
 /** @type {import('jest').Config} */
-const config = {
+module.exports = {
+  collectCoverageFrom: ["src/**/*.js", "!src/api/local-storage-mock.js"],
+  preset: "jest-preset-preact",
   resetMocks: true,
   restoreMocks: true,
   setupFiles: ["./jest.setup.js"],
   testEnvironment: "jsdom",
-  collectCoverageFrom: ["src/**/*.js", "!src/api/localStorageMock.js"],
 };
-
-module.exports = config;

jest.setup.js

@@ -1 +1,3 @@
-require("jest-fetch-mock").enableMocks();
+import jestFetchMock from "jest-fetch-mock";
+
+jestFetchMock.enableMocks();

package.json

@@ -13,7 +13,7 @@
     "clean": "rimraf dist",
     "watch": "cross-env NODE_ENV=development rollup -c --watch",
     "copy-test-files": "copyfiles test/**/* dist -f",
-    "serve": "serve .",
+    "serve": "serve . -l 5050",
     "embed-serve": "serve . -l 3333",
     "test": "jest",
     "lint": "eslint src",
@@ -46,6 +46,9 @@
     "@changesets/cli": "^2.26.2",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-node-resolve": "^13.0.2",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/preact": "^3.2.3",
+    "babel-jest": "^29.6.2",
     "concurrently": "^6.2.0",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
@@ -57,6 +60,7 @@
     "jest-cli": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "jest-fetch-mock": "^3.0.3",
+    "jest-preset-preact": "^4.1.0",
     "postcss": "^8.3.5",
     "preact": "^10.5.14",
     "prettier": "^2.3.2",
@@ -69,7 +73,7 @@
     "serve": "^14.2.0"
   },
   "dependencies": {
-    "cookie": "^0.4.1"
+    "cookie": "^0.5.0"
   },
   "packageManager": "[email protected]"
 }