Fix test

Author: guanquann

frontend/src/components/Navbar/Navbar.test.tsx

@@ -8,6 +8,31 @@ import { MemoryRouter } from "react-router-dom";
 
 jest.mock("axios");
 
+jest.mock("../../utils/api", () => ({
+  getUserUrl: jest.fn().mockReturnValue("http://localhost:3001/api"),
+  getQuestionsUrl: jest
+    .fn()
+    .mockReturnValue("http://localhost:3000/api/questions"),
+  getCodeExecutionUrl: jest
+    .fn()
+    .mockReturnValue("http://localhost:3004/api/run"),
+  getQnHistoriesUrl: jest
+    .fn()
+    .mockReturnValue("http://localhost:3006/api/qnhistories"),
+}));
+
+jest.mock("../../utils/matchSocket", () => ({
+  getMatchSocketUrl: jest.fn().mockReturnValue("http://localhost:3002"),
+}));
+
+jest.mock("../../utils/collabSocket", () => ({
+  getCollabSocketUrl: jest.fn().mockReturnValue("http://localhost:3003"),
+}));
+
+jest.mock("../../utils/communicationSocket", () => ({
+  getCommunicationSocketUrl: jest.fn().mockReturnValue("http://localhost:3005"),
+}));
+
 const mockedAxios = axios as jest.Mocked<typeof axios>;
 
 const mockUseNavigate = jest.fn();

frontend/src/utils/api.ts

@@ -1,14 +1,29 @@
 import axios from "axios";
 
-const usersUrl =
-  import.meta.env.VITE_USER_SERVICE_URL ?? "http://localhost:3001/api";
-const questionsUrl =
-  import.meta.env.VITE_QN_SERVICE_URL ?? "http://localhost:3000/api/questions";
-const codeExecutionUrl =
-  import.meta.env.VITE_CODE_EXEC_SERVICE_URL ?? "http://localhost:3004/api/run";
-const qnHistoriesUrl =
-  import.meta.env.VITE_QN_HIST_SERVICE_URL ??
-  "http://localhost:3006/api/qnhistories";
+const getUserUrl = () => {
+  return import.meta.env.SOME_ENV_VAR_HERE ?? "http://localhost:3001/api";
+};
+
+const getQuestionsUrl = () => {
+  return (
+    import.meta.env.SOME_ENV_VAR_HERE ?? "http://localhost:3000/api/questions"
+  );
+};
+
+const getCodeExecutionUrl = () => {
+  return import.meta.env.SOME_ENV_VAR_HERE ?? "http://localhost:3004/api/run";
+};
+
+const getQnHistoriesUrl = () => {
+  return (
+    import.meta.env.SOME_ENV_VAR_HERE ?? "http://localhost:3006/api/qnhistories"
+  );
+};
+
+const usersUrl = getUserUrl();
+const questionsUrl = getQuestionsUrl();
+const codeExecutionUrl = getCodeExecutionUrl();
+const qnHistoriesUrl = getQnHistoriesUrl();
 
 export const questionClient = axios.create({
   baseURL: questionsUrl,

frontend/src/utils/collabSocket.ts

@@ -38,8 +38,11 @@ export type CollabSessionData = {
   awareness: Awareness;
 };
 
-const COLLAB_SOCKET_URL =
-  import.meta.env.VITE_COLLAB_SERVICE_URL ?? "http://localhost:3003";
+const getCollabSocketUrl = () => {
+  return import.meta.env.VITE_COLLAB_SERVICE_URL ?? "http://localhost:3003";
+};
+
+const COLLAB_SOCKET_URL = getCollabSocketUrl();
 
 export const collabSocket = io(COLLAB_SOCKET_URL, {
   reconnectionAttempts: 5,

frontend/src/utils/communicationSocket.ts

@@ -16,8 +16,11 @@ export enum CommunicationEvents {
   DISCONNECTED = "disconnected",
 }
 
-const COMMUNICATION_SOCKET_URL =
-  import.meta.env.VITE_COMM_SERVICE_URL ?? "http://localhost:3005";
+const getCommunicationSocketUrl = () => {
+  return import.meta.env.VITE_COMM_SERVICE_URL ?? "http://localhost:3005";
+};
+
+const COMMUNICATION_SOCKET_URL = getCommunicationSocketUrl();
 
 export const communicationSocket = io(COMMUNICATION_SOCKET_URL, {
   reconnectionAttempts: 3,

frontend/src/utils/matchSocket.ts

@@ -1,8 +1,11 @@
 import { io } from "socket.io-client";
 import { getToken } from "./token";
 
-const MATCH_SOCKET_URL =
-  import.meta.env.VITE_MATCH_SERVICE_URL ?? "http://localhost:3002";
+const getMatchSocketUrl = () => {
+  return import.meta.env.VITE_MATCH_SERVICE_URL ?? "http://localhost:3002";
+};
+
+const MATCH_SOCKET_URL = getMatchSocketUrl();
 
 export const matchSocket = io(MATCH_SOCKET_URL, {
   reconnectionAttempts: 3,