More unit testing

sonar-project.properties

@@ -10,7 +10,7 @@ sonar.host.url=https://sonarcloud.io
 sonar.language=js
 sonar.projectName=wiq_en3a
 
-sonar.coverage.exclusions=**/*.test.js
+sonar.coverage.exclusions=**/*.test.js, **/*.test.ts, **/*.test.tsx
 sonar.sources=webapp/src/components,users,wikidataservice,gatewayservice
 sonar.sourceEncoding=UTF-8
 sonar.exclusions=node_modules/**

webapp/src/components/Game/Trivia/categories.test.ts

@@ -0,0 +1,30 @@
+import { getCategoryWithNumber, getCategoryColor, getCategoryColorWithNumber } from './categories'; 
+
+describe('Test Category Functions', () => {
+  test('getCategoryWithNumber should return correct category', () => {
+    expect(getCategoryWithNumber(1)).toBe('Sports');
+    expect(getCategoryWithNumber(2)).toBe('Science');
+  });
+
+  test('getCategoryWithNumber should return undefined for non-existent number', () => {
+    expect(getCategoryWithNumber(6)).toBeUndefined();
+  });
+
+  test('getCategoryColor should return correct color', () => {
+    expect(getCategoryColor('Sports')).toBe('#1f71b3');
+    expect(getCategoryColor('Science')).toBe('#61a33a');
+  });
+
+  test('getCategoryColor should return undefined for non-existent category', () => {
+    expect(getCategoryColor('Math')).toBeUndefined();
+  });
+
+  test('getCategoryColorWithNumber should return correct color for a number', () => {
+    expect(getCategoryColorWithNumber(1)).toBe('#1f71b3');
+    expect(getCategoryColorWithNumber(2)).toBe('#61a33a');
+  });
+
+  test('getCategoryColorWithNumber should return undefined for non-existent number', () => {
+    expect(getCategoryColorWithNumber(6)).toBeUndefined();
+  });
+});

webapp/src/components/Game/Trivia/trivia_service.test.js

@@ -0,0 +1,42 @@
+const axios = require('axios');
+import {expect, jest, test} from '@jest/globals';
+
+import {
+    getSportQuestions,
+    getScienceQuestions,
+    getHistoryQuestions,
+    getGeographyQuestions,
+    getEntertainmentQuestions
+} from './trivia_service'; 
+
+jest.mock('axios', () => {
+    return {
+        get: () => {return {data: [{
+                "text": "What is the capital of France?",
+                "answers": ["London", "Berlin", "Paris", "Madrid"],
+                "correctAnswer": 2
+          }] }}}}) 
+
+describe('Test Question Functions', () => {
+
+    test('getSportQuestions should return a question', async () => {
+        const question = await getSportQuestions();
+        expect(question.text).toBe("What is the capital of France?");
+    });
+    test('getSportQuestions should return a question', async () => {
+        const question = await getScienceQuestions();
+        expect(question.text).toBe("What is the capital of France?");
+    });
+    test('getSportQuestions should return a question', async () => {
+        const question = await getHistoryQuestions();
+        expect(question.text).toBe("What is the capital of France?");
+    });
+    test('getSportQuestions should return a question', async () => {
+        const question = await getGeographyQuestions();
+        expect(question.text).toBe("What is the capital of France?");
+    });
+    test('getSportQuestions should return a question', async () => {
+        const question = await getEntertainmentQuestions();
+        expect(question.text).toBe("What is the capital of France?");
+    });
+});

webapp/src/components/Game/Trivia/trivia_service.ts

@@ -1,40 +1,37 @@
 import { Question } from "@/src/services/question-service";
+import axios from 'axios';
 
 let url = process.env.REACT_APP_API_ENDPOINT || 'http://localhost:8000';
 
+
+
 const getString = (string : string) : string => {
     return "/Get" + string + "Questions";
 }
 
 export const getSportQuestions = async (): Promise<Question> => {
-    const response = await fetch(url + getString("Sport"));
-    const data = await response.json();
-    console.log(data);
-    return data[0];
+    const response = await axios.get(url + getString("Sport"));
+    return response.data[0];
   };
 
 export const getScienceQuestions = async (): Promise<Question> => {
-    const response = await fetch(url + getString("Chemistry"));
-    const data = await response.json();
-    return data[0];
+    const response = await axios.get(url + getString("Chemistry"));
+    return response.data[0];
   };
 
 export const getHistoryQuestions = async (): Promise<Question> => {
-    const response = await fetch(url + getString("History"));
-    const data = await response.json();
-    return data[0];
+    const response = await axios.get(url + getString("History"));
+    return response.data[0];
   };
 
 export const getGeographyQuestions = async (): Promise<Question> => {
-    const response = await fetch(url + getString("Geography"));
-    const data = await response.json();
-    return data[0];
+    const response = await axios.get(url + getString("Geography"));
+    return response.data[0];
   };
 
   export const getEntertainmentQuestions = async (): Promise<Question> => {
-    const response = await fetch(url + getString("Entertainment"));
-    const data = await response.json();
-    return data[0];
+    const response = await axios.get(url + getString("Entertainment"));
+    return response.data[0];
   }