chore(test): add tests for react components

.gitignore

@@ -9,4 +9,5 @@ src/composer.lock
 /crowdin.deb
 crowdin.yml
 node_modules/
-.npmrc
+.npmrc
+coverage/

babel.config.js

@@ -0,0 +1,30 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: 'current',
+        },
+      },
+    ],
+    '@babel/preset-react',
+    '@babel/preset-typescript',
+  ],
+  plugins: [
+    function () {
+      return {
+        visitor: {
+          MetaProperty(path) {
+            /**
+              replace "import.meta" by "process" to access env in jest test
+              env for vite : https://vitejs.dev/guide/env-and-mode.html#env-variables
+              issue for jest : https://github.com/vitejs/vite/issues/1149
+             **/
+            path.replaceWithSourceString('process')
+          },
+        },
+      }
+    },
+  ],
+}

jest.config.js

@@ -0,0 +1,24 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable import/no-anonymous-default-export */
+/*
+ * For a detailed explanation regarding each configuration property and type check, visit:
+ * https://jestjs.io/docs/configuration
+ */
+const { resolve } = require('path')
+const coverageThreshold = require('./threshold-js.json')
+const baseDir = __dirname
+module.exports = {
+  clearMocks: true,
+  collectCoverage: true,
+  coverageDirectory: 'coverage',
+  coverageProvider: 'babel',
+  testEnvironment: 'jsdom',
+  moduleDirectories: ['./node_modules'],
+  moduleNameMapper: {
+    '\\.(css|less|scss|sss|styl)$': resolve(baseDir, 'node_modules', 'jest-css-modules'), // Equivalent of identity-obj-proxy
+  },
+
+  coverageThreshold: {
+    global: coverageThreshold,
+  },
+}