Set up Unit Tests

Author: Austin-X

.github/workflows/testing.yml

@@ -0,0 +1,11 @@
+name: Run Tests
+on: push
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+    - name: Install modules
+      run: yarn
+    - name: Run tests
+      run: yarn test

course-matrix/frontend/__tests__/UserMenu.test.tsx

@@ -0,0 +1,93 @@
+import React from "react";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { BrowserRouter as Router } from "react-router-dom";
+import configureStore from "redux-mock-store";
+import { UserMenu } from "../src/components/UserMenu";
+import "@testing-library/jest-dom";
+
+const mockStore = configureStore([]);
+const store = mockStore({});
+
+describe("UserMenu Component", () => {
+    beforeEach(() => {
+        localStorage.setItem(
+            "userInfo",
+            JSON.stringify({
+                user: {
+                    id: "123",
+                    user_metadata: {
+                        username: "John Doe",
+                        email: "[email protected]",
+                    },
+                },
+            })
+        );
+    });
+
+    afterEach(() => {
+        localStorage.clear();
+    });
+
+    test("renders user menu with username and avatar", () => {
+        render(
+            <Provider store={store}>
+                <Router>
+                    <UserMenu />
+                </Router>
+            </Provider>
+        );
+
+        expect(screen.getByText("John Doe")).toBeInTheDocument();
+        expect(screen.getByText("JD")).toBeInTheDocument();
+    });
+
+    test("opens edit account dialog", () => {
+        render(
+            <Provider store={store}>
+                <Router>
+                    <UserMenu />
+                </Router>
+            </Provider>
+        );
+
+        fireEvent.click(screen.getByText("John Doe"));
+        fireEvent.click(screen.getByText("Edit Account"));
+
+        expect(screen.getByText("Edit Account")).toBeInTheDocument();
+        expect(screen.getByLabelText("New User Name")).toBeInTheDocument();
+    });
+
+    test("opens delete account dialog", () => {
+        render(
+            <Provider store={store}>
+                <Router>
+                    <UserMenu />
+                </Router>
+            </Provider>
+        );
+
+        fireEvent.click(screen.getByText("John Doe"));
+        fireEvent.click(screen.getByText("Delete Account"));
+
+        expect(screen.getByText("Delete Account")).toBeInTheDocument();
+        expect(
+            screen.getByText("Are you sure you want to delete your account? This action cannot be undone.")
+        ).toBeInTheDocument();
+    });
+
+    test("logs out user", () => {
+        render(
+            <Provider store={store}>
+                <Router>
+                    <UserMenu />
+                </Router>
+            </Provider>
+        );
+
+        fireEvent.click(screen.getByText("John Doe"));
+        fireEvent.click(screen.getByText("Logout"));
+
+        // Add assertions to check if the user is logged out
+    });
+});

course-matrix/frontend/__tests__/index.test.ts

@@ -0,0 +1,8 @@
+import {sum} from '../src/index'
+import { describe, test, expect } from "@jest/globals"
+
+describe('Sum function', () =>{
+    test('Returns correct value', () =>{
+        expect(sum(2, 3)).toEqual(5)
+    })
+})

course-matrix/frontend/jest.config.js

@@ -0,0 +1,22 @@
+import type { Config } from 'jest';
+
+const config: Config = {
+  preset: 'ts-jest',
+  moduleNameMapper: {
+    '\\.(css|scss)$': 'identity-obj-proxy',
+    "^.+\\.svg": "<rootDir>/tests/mocks/svgMock.tsx"
+  },
+  // to obtain access to the matchers.
+  setupFilesAfterEnv: ['<rootDir>/tests/setupTests.ts'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  modulePaths: ['<rootDir>'],
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.(ts|tsx)$': ['ts-jest', {
+      tsconfig: 'tsconfig.test.json',
+    }],
+    '^.+\\.(js|jsx)$': 'babel-jest',
+  },
+};
+
+export default config;