test(ui): mise en place des tests ui

docs/tests.md

@@ -5,3 +5,11 @@
 - [Lire la doc développement](./developpement/pre-requesites.md)
 - postgresql@15 (pour macos : `brew install postgresql@15`)
 - Lancer `yarn test` à la racine
+
+Pour lancer des tests sur un projet en particulier :
+
+- Lancer `yarn vitest --project ui|shared|server-unit|server-integration`
+
+Il est possible de lancer plusieurs projets en même temps :
+
+- Lancer `yarn vitest --project ui --project shared`

package.json

@@ -18,6 +18,7 @@
   ],
   "dependencies": {
     "@sentry/cli": "^2.37.0",
+    "@vitejs/plugin-react": "^4.3.4",
     "dotenv": "^16.4.5",
     "eslint-plugin-react": "^7.37.1",
     "global": "4.4.0",

ui/package.json

@@ -64,13 +64,18 @@
   "devDependencies": {
     "@chakra-ui/cli": "^2.5.5",
     "@iconify/react": "^4.1.1",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.1.0",
     "@tsconfig/next": "^2.0.3",
     "@types/iframe-resizer": "^3.5.13",
     "@types/node": "^20.17.2",
     "@types/qs": "^6.9.16",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.4",
     "dotenv": "^16.4.5",
-    "type-fest": "^4.26.1"
+    "jsdom": "^25.0.1",
+    "type-fest": "^4.26.1",
+    "vitest": "^2.1.3"
   }
 }

ui/utils/__tests__/formatUtils.test.ts

@@ -0,0 +1,15 @@
+import { describe, expect, it } from "vitest";
+
+import { formatBoolean } from "@/utils/formatUtils";
+
+describe("formatBoolean", () => {
+  it("doit retourner 'Oui' si la valeur est true", () => {
+    expect(formatBoolean(true)).toBe("Oui");
+  });
+  it("doit retourner 'Non' si la valeur est false", () => {
+    expect(formatBoolean(false)).toBe("Non");
+  });
+  it("doit retourner 'Non' si la valeur est undefined", () => {
+    expect(formatBoolean(undefined)).toBe("Non");
+  });
+});

ui/utils/__tests__/isEmoji.test.ts

@@ -0,0 +1,12 @@
+import { describe, expect, test } from "vitest";
+
+import { isEmoji } from "@/utils/isEmoji";
+
+describe("isEmoji", () => {
+  test("doit retourner true si l'emoji est un emoji", () => {
+    expect(isEmoji("👍")).toBe(true);
+  });
+  test("doit retourner false si la valeur n'est pas un emoji", () => {
+    expect(isEmoji("test")).toBe(false);
+  });
+});

vitest.workspace.ts

@@ -1,5 +1,6 @@
 import { resolve } from "node:path";
 
+import react from "@vitejs/plugin-react";
 import tsconfigPaths from "vite-tsconfig-paths";
 import { defineWorkspace } from "vitest/config";
 
@@ -45,7 +46,6 @@ export default defineWorkspace([
       },
     },
   },
-  // Tests unitaires shared
   {
     plugins: [tsconfigPaths()],
     test: {
@@ -60,4 +60,15 @@ export default defineWorkspace([
       },
     },
   },
+  {
+    plugins: [tsconfigPaths(), react()],
+    test: {
+      name: "ui",
+      root: "./ui",
+      include: ["./**/*.test.ts"],
+      clearMocks: true,
+      environment: "jsdom",
+    },
+    resolve: {},
+  },
 ]);