@conorheffron/ironoc-frontend 7.2.1 → 7.2.2

package/README.md

@@ -4,11 +4,27 @@ The ironoc UI built with react for personal portfolio website.
 
 [![Node.js Package](https://github.com/conorheffron/ironoc/actions/workflows/npm-publish-packages.yml/badge.svg)](https://github.com/conorheffron/ironoc/actions/workflows/npm-publish-packages.yml)
 
+- [GitHub Repository](https://github.com/conorheffron/ironoc)
+- [Frontend Source Code](https://github.com/conorheffron/ironoc/tree/main/frontend)
 - See project README.md [here](https://github.com/conorheffron/ironoc/blob/main/README.md)
 - See npmjs package details here [https://www.npmjs.com/package/@conorheffron/ironoc-frontend](https://www.npmjs.com/package/@conorheffron/ironoc-frontend)
 - See GitHub package details here [https://github.com/conorheffron/ironoc/pkgs/npm/ironoc-frontend](https://github.com/conorheffron/ironoc/pkgs/npm/ironoc-frontend)
 
-## Getting Started with React App
+## Getting Started with iRonoc React App
+
+#### Quick start
+```shell
+cd frontend
+
+npm install 
+
+npm run build 
+
+npm run start
+
+# press a/enter after the following command to run test suite
+npm run test
+```
 
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conorheffron/ironoc-frontend",
-  "version": "7.2.1",
+  "version": "7.2.2",
   "private": false,
   "dependencies": {
     "@fontsource/montserrat": "^5.1.1",

package/src/App.test.js

@@ -14,6 +14,7 @@ import RepoDetails from './components/RepoDetails';
 import RepoIssues from './components/RepoIssues';
 import LoadingSpinner from './LoadingSpinner';
 import AppNavBar from './AppNavbar';
+import Footer from './Footer';
 
 // Mocking axios
 jest.mock('axios');
@@ -379,3 +380,46 @@ describe('Donate Component', () => {
         });
     });
 });
+
+describe('Footer Component', () => {
+  beforeEach(() => {
+    // Mock the fetch API
+      global.fetch = jest.fn(() =>
+        Promise.resolve({
+          ok: true,
+          text: () => Promise.resolve('2.2.0'),
+        })
+      );
+  });
+
+  afterEach(() => {
+    fetch.mockClear();
+  });
+
+  test('renders without crashing', () => {
+    render(<Footer />);
+    expect(screen.getByText(/© 2025 by Conor Heffron/)).toBeInTheDocument();
+  });
+
+  test('initial state is set correctly', () => {
+    const { container } = render(<Footer />);
+    const footerText = container.querySelector('.ft');
+    expect(footerText).toHaveTextContent('© 2025 by Conor Heffron |');
+  });
+
+  test('fetches and displays the version', async () => {
+    render(<Footer />);
+    await waitFor(() => expect(fetch).toHaveBeenCalledTimes(1));
+    await waitFor(() => expect(screen.getByText('© 2025 by Conor Heffron | 2.2.0')).toBeInTheDocument());
+  });
+
+  test('handles fetch error', async () => {
+    fetch.mockImplementationOnce(() =>
+      Promise.reject(new Error('Network response was not ok'))
+    );
+
+    render(<Footer />);
+    await waitFor(() => expect(fetch).toHaveBeenCalledTimes(1));
+    await waitFor(() => expect(screen.getByText('© 2025 by Conor Heffron |')).toBeInTheDocument());
+  });
+});