Merge pull request #1 from atlp-rwanda/187419110-ch-setup-test-ci

#187419110 setup test envirnoment with jest library for unit test and wrking with CI

Author: teerenzo

Diff for: .github/workflows/deploy.yml

@@ -0,0 +1,43 @@
+
+name: Eagle e-commerce CI/CD
+
+on:
+  push:
+    branches:
+      - main
+      - dev
+
+  pull_request:
+    branches:
+      - main
+      - dev
+
+  workflow_dispatch:
+
+jobs:
+  build:
+    name: Building code
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout the code
+        uses: actions/checkout@v3
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: "20"
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Running test
+        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 }}

Diff for: README.md

@@ -2,6 +2,10 @@
 
 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)
+[![codecov](https://codecov.io/gh/atlp-rwanda/eagles-ec-fe/graph/badge.svg?token=MZAXZNVDXC)](https://codecov.io/gh/atlp-rwanda/eagles-ec-fe)
+
 ## Tech Stack
 
 This project was built using the PERN (PostgreSQL, Express.js, React.js, Node.js) stack, additionally with Vite and Typescript.
@@ -26,3 +30,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.

Diff for: 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',
+  },
+}