diff --git a/packages/demobank-ui/package.json b/packages/demobank-ui/package.json
index 2c1dced98..8ba3448a4 100644
--- a/packages/demobank-ui/package.json
+++ b/packages/demobank-ui/package.json
@@ -8,7 +8,7 @@
     "build": "./build.mjs",
     "check": "tsc",
     "compile": "tsc && ./build.mjs",
-    "test": "pnpm compile && mocha --require source-map-support/register 'dist/**/test.js'",
+    "test": "pnpm compile && mocha --require source-map-support/register 'dist/**/*.test.js' 'dist/**/test.js'",
     "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
     "i18n:extract": "pogen extract",
     "i18n:merge": "pogen merge",
@@ -59,6 +59,7 @@
     "eslint-config-preact": "^1.2.0",
     "mocha": "^9.2.0",
     "po2json": "^0.4.5",
+    "preact-render-to-string": "^5.2.6",
     "sass": "1.56.1",
     "typescript": "4.8.4"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0d0848b84..cec9f0f64 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -115,6 +115,7 @@ importers:
       mocha: ^9.2.0
       po2json: ^0.4.5
       preact: 10.11.3
+      preact-render-to-string: ^5.2.6
       preact-router: 3.2.1
       qrcode-generator: ^1.4.4
       sass: 1.56.1
@@ -148,6 +149,7 @@ importers:
       eslint-config-preact: 1.3.0_qqbgcrpnpybc6dh47gt272vyy4
       mocha: 9.2.2
       po2json: 0.4.5
+      preact-render-to-string: 5.2.6_preact@10.11.3
       sass: 1.56.1
       typescript: 4.8.4
 
@@ -345,7 +347,7 @@ importers:
       '@testing-library/preact-hooks': ^1.1.0
       '@types/history': ^4.7.8
       '@types/jest': ^26.0.23
-      '@types/mocha': ^8.2.2
+      '@types/mocha': ^8.2.3
       '@types/node': ^18.8.5
       '@typescript-eslint/eslint-plugin': ^4.22.0
       '@typescript-eslint/parser': ^4.22.0
@@ -371,7 +373,9 @@ importers:
       jed: 1.1.1
       jest: ^26.6.3
       jest-preset-preact: ^4.0.2
+      mocha: ^9.2.0
       preact: 10.6.5
+      preact-render-to-string: ^5.2.6
       preact-router: 3.2.1
       qrcode-generator: 1.4.4
       rimraf: ^3.0.2
@@ -420,7 +424,9 @@ importers:
       html-webpack-skip-assets-plugin: 1.0.3
       inline-chunk-html-plugin: 1.1.1
       jest: 26.6.3
-      jest-preset-preact: 4.0.5_jest@26.6.3+preact@10.6.5
+      jest-preset-preact: 4.0.5_moqeqtbsr7edkxzj3jgnhqkxsm
+      mocha: 9.2.2
+      preact-render-to-string: 5.2.6_preact@10.6.5
       rimraf: 3.0.2
       sass: 1.56.1
       typedoc: 0.20.37_typescript@4.8.4
@@ -14537,29 +14543,6 @@ packages:
       jest-resolve: 26.6.2
     dev: true
 
-  /jest-preset-preact/4.0.5_jest@26.6.3+preact@10.6.5:
-    resolution: {integrity: sha512-MnU7mfpnwopJkdx0WoEyRmrNDIvRN+w6sOur0zEhaRYYMo0gJM7UdZHWTV8k6uo0+ypY+m0kQW6kMukUx4v8JQ==}
-    peerDependencies:
-      jest: 26.x || 27.x
-      preact: 10.x
-      preact-render-to-string: 5.x
-    dependencies:
-      '@babel/core': 7.18.9
-      '@babel/plugin-proposal-class-properties': 7.18.6_@babel+core@7.18.9
-      '@babel/plugin-transform-react-jsx': 7.19.0_@babel+core@7.18.9
-      '@babel/preset-env': 7.18.9_@babel+core@7.18.9
-      '@babel/preset-typescript': 7.18.6_@babel+core@7.18.9
-      babel-jest: 27.5.1_@babel+core@7.18.9
-      identity-obj-proxy: 3.0.0
-      isomorphic-unfetch: 3.1.0
-      jest: 26.6.3
-      jest-watch-typeahead: 0.6.5_jest@26.6.3
-      preact: 10.6.5
-    transitivePeerDependencies:
-      - encoding
-      - supports-color
-    dev: true
-
   /jest-preset-preact/4.0.5_k4rseuq4tu3ktjhgekqzusjwfq:
     resolution: {integrity: sha512-MnU7mfpnwopJkdx0WoEyRmrNDIvRN+w6sOur0zEhaRYYMo0gJM7UdZHWTV8k6uo0+ypY+m0kQW6kMukUx4v8JQ==}
     peerDependencies:
@@ -14584,6 +14567,30 @@ packages:
       - supports-color
     dev: true
 
+  /jest-preset-preact/4.0.5_moqeqtbsr7edkxzj3jgnhqkxsm:
+    resolution: {integrity: sha512-MnU7mfpnwopJkdx0WoEyRmrNDIvRN+w6sOur0zEhaRYYMo0gJM7UdZHWTV8k6uo0+ypY+m0kQW6kMukUx4v8JQ==}
+    peerDependencies:
+      jest: 26.x || 27.x
+      preact: 10.x
+      preact-render-to-string: 5.x
+    dependencies:
+      '@babel/core': 7.18.9
+      '@babel/plugin-proposal-class-properties': 7.18.6_@babel+core@7.18.9
+      '@babel/plugin-transform-react-jsx': 7.19.0_@babel+core@7.18.9
+      '@babel/preset-env': 7.18.9_@babel+core@7.18.9
+      '@babel/preset-typescript': 7.18.6_@babel+core@7.18.9
+      babel-jest: 27.5.1_@babel+core@7.18.9
+      identity-obj-proxy: 3.0.0
+      isomorphic-unfetch: 3.1.0
+      jest: 26.6.3
+      jest-watch-typeahead: 0.6.5_jest@26.6.3
+      preact: 10.6.5
+      preact-render-to-string: 5.2.6_preact@10.6.5
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: true
+
   /jest-regex-util/26.0.0:
     resolution: {integrity: sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A==}
     engines: {node: '>= 10.14.2'}
@@ -17948,6 +17955,15 @@ packages:
       preact: 10.11.3
       pretty-format: 3.8.0
 
+  /preact-render-to-string/5.2.6_preact@10.6.5:
+    resolution: {integrity: sha512-JyhErpYOvBV1hEPwIxc/fHWXPfnEGdRKxc8gFdAZ7XV4tlzyzG847XAyEZqoDnynP88akM4eaHcSOzNcLWFguw==}
+    peerDependencies:
+      preact: '>=10'
+    dependencies:
+      preact: 10.6.5
+      pretty-format: 3.8.0
+    dev: true
+
   /preact-router/3.2.1_preact@10.11.2:
     resolution: {integrity: sha512-KEN2VN1DxUlTwzW5IFkF13YIA2OdQ2OvgJTkQREF+AA2NrHRLaGbB68EjS4IeZOa1shvQ1FvEm3bSLta4sXBhg==}
     peerDependencies: