@conorheffron/ironoc-frontend 7.2.2 → 7.2.4

package/README.md

@@ -24,6 +24,9 @@ npm run start
 
 # press a/enter after the following command to run test suite
 npm run test
+
+#check test coverage
+npm run test:coverage
 ```
 
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@conorheffron/ironoc-frontend",
-  "version": "7.2.2",
+  "version": "7.2.4",
   "private": false,
   "dependencies": {
     "@fontsource/montserrat": "^5.1.1",
     "@fontsource/open-sans": "^5.1.1",
     "@testing-library/user-event": "^13.5.0",
-    "axios": "^0.28.0",
+    "axios": "^1.8.2",
     "bootstrap": "5.1",
     "react": "^18.3.1",
     "react-bootstrap": "^2.10.5",
@@ -23,7 +23,8 @@
   "scripts": {
     "start": "react-scripts start",
     "build": "CI=false && GENERATE_SOURCEMAP=false react-scripts build",
-    "test": "react-scripts test",
+    "test": "react-scripts test --transformIgnorePatterns \"node_modules/(?!axios)/\"",
+    "test:coverage": "react-scripts test --transformIgnorePatterns \"node_modules/(?!axios)/\" --env=jsdom --watchAll=false --coverage",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {

package/src/App.css

@@ -22,6 +22,8 @@
     font-size: calc(10px + 2vmin);
     color: white;
     background-color: #1D428A;
+    border-bottom-right-radius: 18%;
+    border-bottom-left-radius: 18%;
 }
 
 .App-link {

package/src/App.test.js

@@ -5,6 +5,7 @@ import Home from './components/Home';
 import axios from 'axios';
 import App from './App';
 import CoffeeCarousel from './components/CoffeeCarousel';
+import ControlledCarousel from './components/ControlledCarousel';
 import CoffeeHome from './components/CoffeeHome';
 import Donate from './components/Donate';
 import NotFound from './components/NotFound';
@@ -14,6 +15,7 @@ import RepoDetails from './components/RepoDetails';
 import RepoIssues from './components/RepoIssues';
 import LoadingSpinner from './LoadingSpinner';
 import AppNavBar from './AppNavbar';
+import About from './components/About';
 import Footer from './Footer';
 
 // Mocking axios
@@ -103,6 +105,60 @@ describe('Home', () => {
   });
 });
 
+describe('About Component', () => {
+  test('renders with default props', () => {
+    render(<About />);
+
+    expect(screen.getByAltText("View Conor Heffron's profile on LinkedIn")).toBeInTheDocument();
+    expect(screen.getByAltText('Strava')).toBeInTheDocument();
+  });
+
+  test('renders with provided props', () => {
+    const props = {
+      link: 'https://example.com',
+      imgSrc: 'https://example.com/image.png',
+      imgAlt: 'Example Image',
+      stravaLink: 'https://example.com/strava',
+      stravaImgSrc: 'https://example.com/strava-image.png',
+      stravaImgAlt: 'Example Strava',
+    };
+    render(<About {...props} />);
+    expect(screen.getByAltText('Example Image')).toBeInTheDocument();
+    expect(screen.getByAltText('Example Strava')).toBeInTheDocument();
+  });
+});
+
+describe('ControlledCarousel Component', () => {
+  const items = [
+    {
+      link: 'https://example.com',
+      img: 'https://example.com/image.png',
+      alt: 'Example Image',
+      title: 'Example Title',
+      description: 'Example Description',
+      techStack: 'Example TechStack',
+    },
+  ];
+
+  test('renders with default props', () => {
+    render(<ControlledCarousel items={items} />);
+    expect(screen.getByAltText('Example Image')).toBeInTheDocument();
+    expect(screen.getByText('Example Title')).toBeInTheDocument();
+    expect(screen.getByText('Example Description')).toBeInTheDocument();
+    expect(screen.getByText('Example TechStack')).toBeInTheDocument();
+  });
+
+  test('renders carousel items', () => {
+    render(<ControlledCarousel items={items} />);
+    items.forEach((item) => {
+      expect(screen.getByAltText(item.alt)).toBeInTheDocument();
+      expect(screen.getByText(item.title)).toBeInTheDocument();
+      expect(screen.getByText(item.description)).toBeInTheDocument();
+      expect(screen.getByText(item.techStack)).toBeInTheDocument();
+    });
+  });
+});
+
 describe('CoffeeCarousel', () => {
   test('renders carousel with coffee items', () => {
     render(<CoffeeCarousel items={coffeeItems} />);

package/src/components/Donate.js

@@ -86,6 +86,19 @@ const donateItems = [
                    life-saving results and is more cost-effective in the long run.`,
         founded: 1969,
         phone: "+353 (01) 671 5551"
+    },
+    {
+        donate: "https://www.debra.ie/donate/",
+        link: "https://www.debra.ie/",
+        img: red,
+        alt: "red7",
+        name: "Debra Ireland",
+        overview: `We are dedicated to transforming the lives of people living with Epidermolysis Bullosa (EB), caring for someone with EB, or bereaved by EB, through care, 
+                   research and advocacy. EB is an incurable genetic condition that affects the body's largest organ; the skin. People living with EB are missing the 
+                   essential proteins that bind the skin's layers together, so any minor friction, movement or trauma causes it to break, tear, and blister. 
+                   It is as fragile as a butterfly wing. That's why we're here. To be a positive force for all those living with EB and all whose lives have been impacted by EB.`,
+        founded: 1988,
+        phone: "+353 (0)1 4126924"
     }
 ];