feat(tests): integrate Vitest and React Testing Library

[hdinia]

Pull Request Description

Summary

This pull request enhances the CI pipeline by integrating Vitest for running unit tests and React Testing Library (RTL) with jsdom for DOM testing.

Changes Included

• Installed Vitest for unit testing

  • Added Vitest as a development dependency.
  • Configured test scripts in package.json to use Vitest.

• Installed React Testing Library and jsdom for DOM testing

  • Added React Testing Library and jsdom as development dependencies.
  • Included a basic test setup to ensure proper integration.

• Configured test scripts in package.json

  • Added necessary scripts for building, linting, and testing the project.

• Updated GitHub Actions workflow to include test steps

  • Modified the npm-test job to include steps for running Vitest tests.
  • Ensured the workflow checks out the repository, sets up Node.js, installs dependencies, and runs tests.

How to Test

1. Local Testing

   • Run npm install to install the new dependencies.
   • Execute npm test to ensure Vitest and RTL run correctly and all tests pass.

2. CI Testing

   • Push changes to a branch and verify that the GitHub Actions workflow runs successfully.
   • Confirm that the npm-test job completes without errors and that all tests pass.

Ressources:

Vitest
React Testing Library (RTL)
Jsdom

[laurent-laporte-pro]

J'apprécie vraiment cette initiative d'ajouter des tests unitaires sur le frontend 🎉. C'est quelque chose qui, à mon avis, manquait à ce projet. Je vais aussi étudier attentivement les références documentaires que tu as fournies dans la description.

L'exécution de tests unitaires sur le frontend nécessite généralement de simuler les réponses des endpoints d'API. Il faut veiller à structurer ces mocks de manière logique (en général, on utilise l'arborescence dictée par les routes URL). Attention, cela peut vite devenir très chronophage !

[hdinia]

Added a simple test to allow the npm test check, because without tests it does not pass.