diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 225a0a6..6ce98ae 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -15,7 +15,7 @@ const Navbar = () => {
                 <p>Chat</p>
             </NavLink> */}
 
-            <NavLink className="navbar-icon" to="/profile">
+            <NavLink data-testid="profile-icon" className="navbar-icon" to="/profile">
                 <i className="bi bi-person-circle" style={{ color: 'purple' }}></i>
                 <p><b>Profile</b></p>
             </NavLink>
diff --git a/src/tests/Navbar.test.jsx b/src/tests/Navbar.test.jsx
new file mode 100644
index 0000000..3097bb3
--- /dev/null
+++ b/src/tests/Navbar.test.jsx
@@ -0,0 +1,54 @@
+import { describe, expect, it, vi } from 'vitest'; 
+import { screen, render, fireEvent } from '@testing-library/react';
+import Matches from '../pages/Matches'
+import ProfilePage from '../pages/ProfilePage'
+import { useAuthState, useDbData } from '../utilities/firebase'
+import { MemoryRouter, Route, Routes } from 'react-router-dom';
+
+
+const roommates = {"Chris Riesbeck": {
+    "bedTime": "Early",
+    "clean": "Clean",
+    "desc": "I'm an agile type of guy",
+    "fullName": "Chris Riesbeck",
+    "gender": "Male",
+    "guests": "No",
+    "location": "North",
+    "major": "Computer Science",
+    "noise": "Quiet",
+    "number": "1234567890",
+    "profilePhoto": "",
+    "roommateGender": [
+    "Any"
+    ],
+    "size": [
+    "Double",
+    "Triple",
+    "Suite"
+    ],
+    "wakeUpTime": "6-8 AM"}
+}
+
+vi.mock('../utilities/firebase')
+
+describe('switching pages', () => {
+
+    it('clicking the profile icon goes to the Profile Page', async () => {
+        useAuthState.mockReturnValue([{id:'13213123'}, false])
+        useDbData.mockReturnValue([roommates, false])
+        render(
+        <MemoryRouter initialEntries={['/matches']}>
+            <Routes>
+                <Route path="/matches" element={<Matches roommates={roommates}/>} />
+                <Route path="profile" element={<ProfilePage />}/>
+            </Routes>
+        </MemoryRouter>)
+
+
+        const profileLink = await screen.findByTestId('profile-icon');
+        fireEvent.click(profileLink)
+        const profileElemts = await screen.findAllByText(/Profile/);
+        expect(profileElemts.length).toBeGreaterThan(0);
+
+    })
+})
\ No newline at end of file