[DDW-596] fix broken tests

Author: DominikGuzei

jest.config.js

@@ -170,15 +170,28 @@ module.exports = {
   // testRunner: "jest-circus/runner",
 
   // This option sets the URL for the jsdom environment. It is reflected in properties such as location.href
-  // testURL: "http://localhost",
+  // testURL: 'http://localhost/',
 
   // Setting this value to "fake" allows the use of fake timers for functions such as "setTimeout"
   // timers: "real",
 
   // A map from regular expressions to paths to transformers
   transform: {
-    '\\.[jt]sx?$': 'babel-jest',
-    '^.+\\.svg$': 'jest-svg-transformer',
+    '^.+\\.(t|j)sx?$': [
+      '@swc/jest',
+      {
+        jsc: {
+          parser: {
+            syntax: 'typescript',
+            tsx: true,
+            decorators: true,
+          },
+          target: 'es2019',
+          loose: false,
+        },
+      },
+    ],
+    '^.+\\.svg$': 'svg-jest',
     '.+\\.(css|styl|less|sass|scss)$': 'jest-css-modules-transform',
   },
 

package.json

@@ -96,7 +96,8 @@
     "@storybook/manager-webpack5": "6.4.22",
     "@storybook/react": "6.4.22",
     "@swc-node/register": "1.4.2",
-    "@swc/core": "1.2.164",
+    "@swc/core": "1.2.181",
+    "@swc/jest": "0.2.21",
     "@testing-library/jest-dom": "5.15.1",
     "@testing-library/react": "12.1.2",
     "@types/aes-js": "3.1.1",
@@ -148,10 +149,9 @@
     "https-browserify": "1.0.0",
     "husky": "4.3.0",
     "identity-obj-proxy": "3.0.0",
-    "jest": "26.6.3",
-    "jest-css-modules-transform": "4.3.0",
-    "jest-environment-jsdom": "26.6.2",
-    "jest-svg-transformer": "1.0.0",
+    "jest": "27.5.1",
+    "jest-css-modules-transform": "4.4.2",
+    "jest-environment-jsdom": "27.5.1",
     "markdown-loader": "7.0.0",
     "mini-css-extract-plugin": "2.3.0",
     "minimist": "1.2.6",
@@ -182,6 +182,7 @@
     "stylelint": "13.7.2",
     "stylelint-order": "4.1.0",
     "svg-inline-loader": "0.8.2",
+    "svg-jest": "1.0.1",
     "swc-loader": "0.1.15",
     "thread-loader": "2.1.3",
     "timemachine": "0.3.2",
@@ -287,8 +288,8 @@
     "tcp-port-used": "1.0.1",
     "trezor-connect": "8.2.4-extended",
     "unorm": "1.6.0",
-    "usb-detection": "4.13.0",
     "url": "0.11.0",
+    "usb-detection": "4.13.0",
     "util": "0.12.4",
     "validator": "13.7.0"
   },

source/renderer/app/features/discreet-mode/feature.ts

@@ -8,25 +8,26 @@ import type { ReplacerFn } from './types';
 
 export class DiscreetMode extends Feature {
   api: DiscreetModeApi;
+
+  constructor(api: DiscreetModeApi) {
+    super();
+    this.api = api;
+    this.getDiscreetModeSettingsRequest = new Request(
+      this.api.getDiscreetModeSettings
+    );
+    this.setDiscreetModeSettingsRequest = new Request(
+      this.api.setDiscreetModeSettings
+    );
+  }
+
   @observable
   isDiscreetMode = false;
   @observable
   openInDiscreetMode = false;
   @observable
-  getDiscreetModeSettingsRequest: Request<Promise<boolean>> = new Request(
-    // @ts-ignore ts-migrate(2729) FIXME: Property 'api' is used before its initialization.
-    this.api.getDiscreetModeSettings
-  );
+  getDiscreetModeSettingsRequest: Request<Promise<boolean>>;
   @observable
-  setDiscreetModeSettingsRequest: Request<Promise<boolean>> = new Request(
-    // @ts-ignore ts-migrate(2729) FIXME: Property 'api' is used before its initialization.
-    this.api.setDiscreetModeSettings
-  );
-
-  constructor(api: DiscreetModeApi) {
-    super();
-    this.api = api;
-  }
+  setDiscreetModeSettingsRequest: Request<Promise<boolean>>;
 
   async start() {
     super.start();