chore(test setup):setup test with jest library

-ensure jest is configured to test components
-ensure all command needed to run test are provided in readMe file

[Delivers #187419110]

.github/workflows/main.yml → .github/workflows/deploy.yml

@@ -33,11 +33,13 @@ jobs:
 
       - name: Running test
         run: npm run test
+      - name: Running test coverage
+        run: npm run test --coverage
 
       - name: Build application
         run: npm run build
 
       - name: Upload coverage reports to Codecov
         uses: codecov/[email protected]
         with:
-         token: ${{ secrets.CODECOV_TOKEN }}
+          token: ${{ secrets.CODECOV_TOKEN }}

README.md

@@ -2,6 +2,9 @@
 
 The front-end of Eagle E-commerce utilizes React for a modern, user-friendly interface, while Node.js powers its backend, ensuring a seamless shopping experience
 
+[![Maintainability](https://api.codeclimate.com/v1/badges/81fa30232b27b1482f4f/maintainability)](https://codeclimate.com/github/atlp-rwanda/eagles-ec-fe/maintainability)
+![Github Actions](https://github.com/atlp-rwanda/eagles-ec-fe/actions/workflows/deploy.yml/badge.svg)
+
 ## Tech Stack
 
 This project was built using the PERN (PostgreSQL, Express.js, React.js, Node.js) stack, additionally with Vite and Typescript.
@@ -26,3 +29,18 @@ npm install
 ```bash
    npm run dev
    ```
+## How to run test
+
+1. **Run unit test:**
+```bash 
+   npm run test
+   ```
+2. **Tun test in watch mode
+ ```bash 
+   npm run test:watch
+   ```
+3. **Generate test coverage
+```bash 
+   npm run test:coverage
+   ```
+Write your test by creating a file with .test.tsx extetion under __test__ directory.

jest.config.ts

@@ -0,0 +1,10 @@
+export default {
+  preset: 'ts-jest',
+  testEnvironment: 'jest-environment-jsdom',
+  transform: {
+      "^.+\\.tsx?$": "ts-jest" 
+  },
+  moduleNameMapper: {
+      '\\.(gif|ttf|eot|svg|png)$': '<rootDir>/test/__ mocks __/fileMock.js',
+  },
+}