Fixing frontend tests

Vincit · Jun 24, 2024 · 094c1e6 · 094c1e6
1 parent b3cab79
commit 094c1e6
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 8 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -2,6 +2,7 @@
     "name": "get-a-room-frontend",
     "version": "0.1.0",
     "private": true,
+    "type": "module",
     "proxy": "http://localhost:8080",
     "dependencies": {
         "@emotion/babel-plugin": "^11.11.0",

diff --git a/frontend/public/offline.html b/frontend/public/offline.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Weather App</title>
+        <title>Get A Room!</title>
         <style type="text/css">
             html {
                 height: 100%;

diff --git a/frontend/src/util/checkEnvVariables.test.ts b/frontend/src/util/checkEnvVariables.test.ts
@@ -1,22 +1,29 @@
+const valueMock = jest.fn();
+
+const envMock = jest.mock('util/getARoomEnv', () => () => {
+    valueMock.mockImplementationOnce(() => 'VITE_REACT_APP_SERVER_KEY');
+    return {
+        VITE_REACT_APP_SERVER_KEY: valueMock()
+    };
+});
+
 import { checkEnvVariables } from './checkEnvVariables';
 
 describe('checkEnvVariables', () => {
     beforeEach(() => {
-        process.env = {
-            ...process.env,
-            REACT_APP_SERVER_KEY: 'Test server key'
-        };
+        jest.resetAllMocks();
     });
 
     test('Should fail without application server key', () => {
-        process.env.REACT_APP_SERVER_KEY = undefined;
+        valueMock.mockImplementationOnce(() => undefined);
+
         expect(() => {
             checkEnvVariables();
         }).toThrow('Application server key not set');
     });
 
     test('Should fail with empty application server key', () => {
-        process.env.REACT_APP_SERVER_KEY = '';
+        valueMock.mockImplementationOnce(() => '');
         expect(() => {
             checkEnvVariables();
         }).toThrow('Application server key not set');

diff --git a/frontend/src/util/checkEnvVariables.ts b/frontend/src/util/checkEnvVariables.ts
@@ -1,5 +1,7 @@
+import GETAROOM_ENV from './getARoomEnv';
+
 export const checkEnvVariables = () => {
-    const { VITE_REACT_APP_SERVER_KEY } = import.meta.env;
+    const { VITE_REACT_APP_SERVER_KEY } = GETAROOM_ENV();
 
     if (!VITE_REACT_APP_SERVER_KEY) {
         throw new Error('Application server key not set');

diff --git a/frontend/src/util/getARoomEnv.ts b/frontend/src/util/getARoomEnv.ts
@@ -0,0 +1,4 @@
+const GETAROOM_ENV = () => {
+    return import.meta.env;
+};
+export default GETAROOM_ENV;