Fixed testing

package-lock.json

@@ -18,7 +18,7 @@
         "react-dom": "^18.2.0",
         "react-helmet-async": "^1.3.0",
         "react-router-dom": "^6.8.0",
-        "react-scripts": "5.0.1",
+        "react-scripts": "^5.0.1",
         "web-vitals": "^2.1.4",
         "yaml": "2.9.0"
       },

package.json

@@ -30,9 +30,9 @@
     "react-dom": "^18.2.0",
     "react-helmet-async": "^1.3.0",
     "react-router-dom": "^6.8.0",
-    "react-scripts": "5.0.1",
-    "yaml": "2.9.0",
-    "web-vitals": "^2.1.4"
+    "react-scripts": "^5.0.1",
+    "web-vitals": "^2.1.4",
+    "yaml": "2.9.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.4",

src/App.test.js

@@ -3,10 +3,10 @@ import { render, screen } from '@testing-library/react';
 import App from './App';
 
 // Mock the child components to isolate the App component's routing logic
-jest.mock('./pages/Home', () => ({ Home: () => <div>Mock Home</div> }));
-jest.mock('./pages/Resume', () => ({ Resume: () => <div>Mock Resume</div> }));
-jest.mock('./pages/Projects', () => ({ Projects: () => <div>Mock Projects</div> }));
-jest.mock('./pages/Contact', () => ({ Contact: () => <div>Mock Contact</div> }));
+jest.mock('./pages/Home', () => ({ __esModule: true, default: () => <div>Mock Home</div> }));
+jest.mock('./pages/Resume', () => ({ __esModule: true, default: () => <div>Mock Resume</div> }));
+jest.mock('./pages/Projects', () => ({ __esModule: true, default: () => <div>Mock Projects</div>,}));
+jest.mock('./pages/Contact', () => ({ __esModule: true, default: () => <div>Mock Contact</div> }));
 jest.mock('./404', () => ({ NoMatch: () => <div>Mock NoMatch</div> }));
 
 // Mock the layout components

src/index.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import { HelmetProvider } from 'react-helmet-async';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
@@ -10,9 +9,7 @@ const root = createRoot(container);
 
 root.render(
   <React.StrictMode>
-    <HelmetProvider>
       <App />
-    </HelmetProvider>
   </React.StrictMode>
 );