Test backend

.github/workflows/test.yml

@@ -0,0 +1,26 @@
+name: Backend Tests
+
+on:
+  pull_request
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: server
+
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+          cache-dependency-path: server/package-lock.json
+
+
+      - run: npm ci
+      - run: npm test
+      # - run: npm run build

.gitignore

@@ -2,3 +2,4 @@
 node_modules
 .env
 *.zip
+images/

client/src/components/Result.jsx

@@ -151,7 +151,7 @@ function Result({ predictionData }) {
                         color: "var(--accent-green)",
                       }}
                     >
-                      {predictionData.confidence}
+                      {predictionData.confidence}%
                     </span>
                   </div>
                 )}

client/src/components/UploadBox.jsx

@@ -7,7 +7,7 @@ import { MdCheckCircle, MdFolder } from "react-icons/md";
 import { historyAPI, uploadImage } from "../services/api.js";
 
 // File upload constraints
-const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
+const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5MB
 const ALLOWED_TYPES = ['image/jpeg', 'image/jpg', 'image/png', 'image/webp'];
 
 function UploadBox({ setPredictionData }) {

client/src/pages/UserAccount.jsx

@@ -22,7 +22,7 @@ function UserAccount() {
     setIsVisible(true);
   }, []);
 
-  // Fetchz history using api
+  // Fetch history using api
   const fetchHistory = async () => {
     try {
       setLoading(true);
@@ -38,7 +38,7 @@ function UserAccount() {
     }
   };
 
-  // fetchz user history if user exists
+  // fetch user history if user exists
   useEffect(() => {
     if (user) {
       fetchHistory();
@@ -211,7 +211,7 @@ function UserAccount() {
                                 fontSize: "0.8rem",
                               }}
                             >
-                              Confidence: {record.prediction.confidence}
+                              Confidence: {record.prediction.confidence}% 
                             </p>
                           )}
                           <p

revision.md

@@ -99,12 +99,12 @@
 - to prove that ur code behaves as expected
 - hit an endpoint w known input -> assert response (status,body,msg)
 - if assertion fails -> test fails -> u catch bugs early
-- Types: 
-  - Unit Testing: Single function
-  - Integration Testing: Test a group of functions; route + middleware (m. imp)
-  - End-2-End: Full app + DB
 - Tech Stack:
   - Jest: Test runner + assertions
   - Supertest: Fake HTTP requests to Express
-- Test Driven Dev (TDD):
-  - create tests -> tests fail -> write code to pass it -> refactor -> repeat
+- Test Coverage:
+  - how much of ur code gets executed when performing tests
+
+## Continuous Integration
+- the process of merging code into main branch frequently & ensure that the codebase is in a workable state
+- each merge triggers an automatic build & test process

server/.gitignore

@@ -5,4 +5,5 @@ __pycache__
 temp/
 uploads/
 serviceAccountKey.json
-revision.txt
+revision.txt
+coverage/

server/jest.config.js

@@ -0,0 +1,21 @@
+import { createDefaultPreset } from "ts-jest";
+
+const tsJestTransformCfg = createDefaultPreset().transform;
+
+/** @type {import("jest").Config} **/
+export default {
+  preset: "ts-jest",
+  testEnvironment: "node",
+  transform: {
+    ...tsJestTransformCfg,
+  },
+  testMatch: ["**/__tests__/**/*.test.ts"],
+  clearMocks: true,
+
+  // test coverage
+  collectCoverageFrom: [
+    "src/**/*.ts",
+    "!src/__tests__/**",
+    "!src/index.ts",
+  ]
+};