From ececec27dd24eb4479a806215ec28a34c68129c7 Mon Sep 17 00:00:00 2001
From: Saikmat <saikmat@Outlook.com>
Date: Thu, 17 Apr 2025 16:48:08 -0400
Subject: [PATCH 1/8] Added tests for search bars

Signed-off-by: Saikmat <saikmat@Outlook.com>
---
 index.html    |  8 ++++----
 index.js      |  2 +-
 index.test.js | 22 +++++++++++++++++++++-
 style.css     | 41 ++++++++++++++++++++++++++++++++++++-----
 4 files changed, 62 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index f40db05..9d7cfb3 100644
--- a/index.html
+++ b/index.html
@@ -15,8 +15,8 @@ <h1 id="titletxt">Interactive Map</h1>
     </div>
 
     <div id="navbar">
-      <a href="accessible.html" id="nav-txt">Accessible Routes</a>
-      <a href="weather.html" id="nav-txt">Weather Routes</a>
+      <a href="accessible.html" id="accessible-txt">Accessible Routes</a>
+      <a href="weather.html" id="weather-txt">Weather Routes</a>
     </div>
 
     <!-- Search Input for Autocomplete 
@@ -36,10 +36,10 @@ <h1 id="titletxt">Interactive Map</h1>
           <input type="text" id="origin-input" name="origin-input" placeholder="Enter your destination"></input>
           <div id="buttons">
             <button id="search-button">View Routes</button>
-            <button id="search-button">Clear</button>
+            <button id="clear-button">Clear</button>
           </div>
         </div>
-        <div id="directions">
+        <div id="directions-region">
           <p style="font-weight: bold">Directions</p>
           <p>These are a bunch of random words I'm using to fill in space. La la la.</p>
         </div>
diff --git a/index.js b/index.js
index 35b49f2..73151e6 100644
--- a/index.js
+++ b/index.js
@@ -55,7 +55,7 @@ function searchBoxInitialization(searchBox, markers, AdvancedMarkerElement, map)
     //Add the description if it exists
     let content = "<h1 style='font-family: \"Inter\", sans-serif;'>" + place.name + "</h1>";
     let desc = destinations.buildings.find(b => b.name === place.name);
-    if(desc != undefined){
+    if(desc !== undefined){
       content += "<p>" + desc.description + "</p>";
     }
 
diff --git a/index.test.js b/index.test.js
index 8b58d6a..796169e 100644
--- a/index.test.js
+++ b/index.test.js
@@ -1,7 +1,8 @@
-import { test, expect, } from 'vitest'
+import { test, expect, it } from 'vitest'
 import { initMap } from "./index";
 
 
+
 // test that map deploys
 test('map deployment', () => {
     expect(initMap()).toBeDefined();
@@ -12,4 +13,23 @@ test('text locations', async ({ page }) => {
     await expect(page.getByRole('heading', { name: `UMBC Interactive Map`, exact: true })); // not right, work on this
 });
 
+describe('search bars', () => {
+    it ('destination bar', () => {
+        let destinationbar = document.getElementById('origin-input');
+        expect(destinationbar.innerText).toBe('Enter your destination');
+        // expect(destinationbar.offsetWidth).toBe(150);
+    });
+    it ('start bar', () =>{
+        let startBar = document.getElementById('pac-input');
+        expect(startBar.innerText).toBe('Enter your starting location');
+    });
+    it.skip('favorites bar', () => {
+        let favoriteBar = document.getElementById('favorites');
+        expect(favoriteBar.innerText).toBe('Enter a favorite location');
+        // expect(favoriteBar.offsetWidth).toBe(4);
+    });
+});
+
+
+
 // test that bottom matter is in the right place
\ No newline at end of file
diff --git a/style.css b/style.css
index 8a4a154..390647f 100644
--- a/style.css
+++ b/style.css
@@ -81,6 +81,21 @@
   cursor: pointer;
 }
 
+#clear-button {
+  margin-right: 15px;
+  border-radius: 10px;
+  height: 2vw;
+  width: 7vw;
+  color: black;
+  font-size: 0.75vw;
+  font-family: "Inter", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: bold;
+  font-style: normal;
+  background-color: rgb(253, 181, 21);
+  cursor: pointer;
+}
+
 #search-button:hover {
   background-color: rgb(166, 122, 5);
 }
@@ -92,6 +107,13 @@
   font-style: normal;
 }
 
+#directions-region {
+  padding-left: 10px;
+  font-family: "Inter", sans-serif;
+  font-weight: normal;
+  font-style: normal;
+}
+
 #navbar {
   /* rgb(99, 100, 102) */
   background-color: rgb(253, 181, 21);
@@ -102,7 +124,19 @@
   padding: 1vw;
 }
 
-#nav-txt {
+#weather-txt {
+  text-align: center;
+  color: black;
+  padding: 1vw;
+  font-size: 1.5vw;
+  font-family: "Inter", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: bold;
+  font-style: normal;
+  text-decoration: none;
+}
+
+#accessible-txt {
   text-align: center;
   color: black;
   padding: 1vw;
@@ -124,7 +158,6 @@
   text-align: left;
   text-indent: 1em;
   border-radius: 25px;
-  border-color: transparent;
   padding: 0.5vw;
   font-size: 1vw;
   border: 2px solid black;
@@ -136,7 +169,6 @@
   text-align: left;
   text-indent: 1em;
   border-radius: 25px;
-  border-color: transparent;
   padding: 0.5vw;
   font-size: 1vw;
   border: 2px solid black;
@@ -166,7 +198,7 @@ embed {
   font-size: 1vw;
   font-family: "Inter", sans-serif;
   font-optical-sizing: auto;
-  font-weight: light;
+  font-weight: lighter;
   font-style: normal;
   text-decoration: none;
 }
@@ -179,7 +211,6 @@ embed {
   transform-origin: right center;
   border: none;
   cursor: pointer;
-  border: top;
   border-radius: 0.5vw 0.5vw 0 0;
   font-size: 1vw;
   font-family: "Inter", sans-serif;

From 807e292585fb6719927824a447f4edb93e4ee8f3 Mon Sep 17 00:00:00 2001
From: Saikmat <saikmat@Outlook.com>
Date: Thu, 24 Apr 2025 23:47:00 -0400
Subject: [PATCH 2/8] More tests

Signed-off-by: Saikmat <saikmat@Outlook.com>
---
 index.test.js | 77 ++++++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 61 insertions(+), 16 deletions(-)

diff --git a/index.test.js b/index.test.js
index 796169e..007e620 100644
--- a/index.test.js
+++ b/index.test.js
@@ -1,7 +1,12 @@
 import { test, expect, it } from 'vitest'
 import { initMap } from "./index";
 
-
+// noinspection JSUnusedLocalSymbols
+const clickable_element_width = 10;
+// noinspection JSUnusedLocalSymbols
+const full_width_element = 100;
+// noinspection JSUnusedLocalSymbols
+const side_bar_element = 35;
 
 // test that map deploys
 test('map deployment', () => {
@@ -13,23 +18,63 @@ test('text locations', async ({ page }) => {
     await expect(page.getByRole('heading', { name: `UMBC Interactive Map`, exact: true })); // not right, work on this
 });
 
-describe('search bars', () => {
-    it ('destination bar', () => {
-        let destinationbar = document.getElementById('origin-input');
-        expect(destinationbar.innerText).toBe('Enter your destination');
-        // expect(destinationbar.offsetWidth).toBe(150);
-    });
-    it ('start bar', () =>{
-        let startBar = document.getElementById('pac-input');
-        expect(startBar.innerText).toBe('Enter your starting location');
+describe('side matter', () => {
+    describe('search bars', () => {
+        it ('destination bar', () => {
+            let destination_bar = document.getElementById('origin-input');
+            expect(destination_bar.innerText).toBe('Enter your destination');
+            expect(destination_bar.offsetWidth).gte(10); // make sure it's not too narrow
+        });
+        it ('start bar', () =>{
+            let start_bar = document.getElementById('pac-input');
+            expect(start_bar.innerText).toBe('Enter your starting location');
+            expect(start_bar.offsetWidth).gte(10); // make sure it's not too narrow
+        });
     });
-    it.skip('favorites bar', () => {
-        let favoriteBar = document.getElementById('favorites');
-        expect(favoriteBar.innerText).toBe('Enter a favorite location');
-        // expect(favoriteBar.offsetWidth).toBe(4);
+
+    describe ('buttons', () =>{
+        it ('search button', () => {
+            let search_button = document.getElementById('search-button');
+            expect(search_button).toBeDefined();
+            expect(search_button.innerText).toBe('Go Now');
+            expect(search_button.fillColor).toBe('#ffffff'); // fix color
+            expect(search_button.offsetWidth).gte(10);
+        });
+
+        it ('clear button', () => {
+            let clear_button = document.getElementById('clear-button');
+            expect(clear_button).toBeDefined();
+            expect(clear_button.innerText).toBe('Clear');
+            expect(clear_button.fillColor).toBe('#ffffff'); // fix color
+            expect(clear_button.offsetWidth).gte(10);
+        });
+
+        it ('favorites button', () => {
+            let favorite_button = document.getElementById('view-fave-button');
+            expect(favorite_button).toBeDefined();
+            expect(favorite_button.innerText).toBe('Favorites');
+            expect(favorite_button.fillColor).toBe('#ffffff'); // fix color
+            expect(favorite_button.offsetWidth).gte(10);
+        });
     });
 });
 
+describe('nav bar', () => {
+    it ('nav bar', () => {
+        let nav_bar = document.getElementById('navbutton');
+        expect(nav_bar).toBeDefined();
+        expect(nav_bar.offsetWidth).gte(100); // fix this number
+        expect(nav_bar.offsetHeight).gte(10); // fix this number
+    })
+    it ('accessible', () => {
+        let accessible = document.getElementById('accessible.html');
+        expect(accessible).toBeDefined();
+        expect(accessible.offsetWidth).gte(10);
+    });
+    it ('weather', () => {
+        let weather = document.getElementById('weather.html');
+        expect(weather.innerText).toBeDefined();
+        expect(weather.offsetWidth).gte(10);
+    })
+})
 
-
-// test that bottom matter is in the right place
\ No newline at end of file

From 142a0ae9f68111e31e43367e33c118bb7151e963 Mon Sep 17 00:00:00 2001
From: Sai K Matukumalli <saikmat@outlook.com>
Date: Sat, 26 Apr 2025 22:42:36 -0400
Subject: [PATCH 3/8] Placeholder tests for our functionalities

---
 index.test.js | 223 ++++++++++++++++++++++++++++++++++++++------------
 1 file changed, 172 insertions(+), 51 deletions(-)

diff --git a/index.test.js b/index.test.js
index 007e620..e2d9c91 100644
--- a/index.test.js
+++ b/index.test.js
@@ -1,5 +1,5 @@
-import { test, expect, it } from 'vitest'
-import { initMap } from "./index";
+import {test, expect, it, describe} from 'vitest'
+import {initMap} from "./index";
 
 // noinspection JSUnusedLocalSymbols
 const clickable_element_width = 10;
@@ -14,67 +14,188 @@ test('map deployment', () => {
 })
 
 // test that title is in the right place
-test('text locations', async ({ page }) => {
-    await expect(page.getByRole('heading', { name: `UMBC Interactive Map`, exact: true })); // not right, work on this
+test('text locations', async ({page}) => {
+    await expect(page.getByRole('heading', {name: `UMBC Interactive Map`, exact: true})); // not right, work on this
 });
+describe('Campus Navigation App', () => {
+    describe('side matter', () => {
+        describe('search bars', () => {
+            it('destination bar', () => {
+                let destination_bar = document.getElementById('origin-input');
+                expect(destination_bar.innerText).toBe('Enter your destination');
+                expect(destination_bar.offsetWidth).gte(10); // make sure it's not too narrow
+            });
+            it('start bar', () => {
+                let start_bar = document.getElementById('pac-input');
+                expect(start_bar.innerText).toBe('Enter your starting location');
+                expect(start_bar.offsetWidth).gte(10); // make sure it's not too narrow
+            });
+        });
+
+        describe('buttons', () => {
+            it('search button', () => {
+                let search_button = document.getElementById('search-button');
+                expect(search_button).toBeDefined();
+                expect(search_button.innerText).toBe('Go Now');
+                expect(search_button.fillColor).toBe('#ffffff'); // fix color
+                expect(search_button.offsetWidth).gte(10);
+            });
 
-describe('side matter', () => {
-    describe('search bars', () => {
-        it ('destination bar', () => {
-            let destination_bar = document.getElementById('origin-input');
-            expect(destination_bar.innerText).toBe('Enter your destination');
-            expect(destination_bar.offsetWidth).gte(10); // make sure it's not too narrow
+            it('clear button', () => {
+                let clear_button = document.getElementById('clear-button');
+                expect(clear_button).toBeDefined();
+                expect(clear_button.innerText).toBe('Clear');
+                expect(clear_button.fillColor).toBe('#ffffff'); // fix color
+                expect(clear_button.offsetWidth).gte(10);
+            });
+
+            it('favorites button', () => {
+                let favorite_button = document.getElementById('view-fave-button');
+                expect(favorite_button).toBeDefined();
+                expect(favorite_button.innerText).toBe('Favorites');
+                expect(favorite_button.fillColor).toBe('#ffffff'); // fix color
+                expect(favorite_button.offsetWidth).gte(10);
+            });
         });
-        it ('start bar', () =>{
-            let start_bar = document.getElementById('pac-input');
-            expect(start_bar.innerText).toBe('Enter your starting location');
-            expect(start_bar.offsetWidth).gte(10); // make sure it's not too narrow
+    });
+
+    describe('nav bar', () => {
+        it('nav bar', () => {
+            let nav_bar = document.getElementById('navbutton');
+            expect(nav_bar).toBeDefined();
+            expect(nav_bar.offsetWidth).gte(100); // fix this number
+            expect(nav_bar.offsetHeight).gte(10); // fix this number
+        })
+        it('accessible', () => {
+            let accessible = document.getElementById('accessible.html');
+            expect(accessible).toBeDefined();
+            expect(accessible.offsetWidth).gte(10);
+        });
+        it('weather', () => {
+            let weather = document.getElementById('weather.html');
+            expect(weather.innerText).toBeDefined();
+            expect(weather.offsetWidth).gte(10);
+        })
+    })
+
+    describe('Locating Points of Interest', () => {
+        it.skip('should highlight building when searching by full name', () => {
+            // mock search building
+            expect(true).toBe(true); // placeholder
+        });
+        it.skip('should suggest matches when partial name entered', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should center map when POI is clicked from list', () => {
+            expect(true).toBe(true);
         });
     });
 
-    describe ('buttons', () =>{
-        it ('search button', () => {
-            let search_button = document.getElementById('search-button');
-            expect(search_button).toBeDefined();
-            expect(search_button.innerText).toBe('Go Now');
-            expect(search_button.fillColor).toBe('#ffffff'); // fix color
-            expect(search_button.offsetWidth).gte(10);
+    describe('Getting Information About Points of Interest', () => {
+        it.skip('should show popup wit.skip h POI info on click', () => {
+            expect(true).toBe(true);
         });
+        it.skip('should expand to full info page on "More Info" click', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should load correct info for multiple POIs', () => {
+            expect(true).toBe(true);
+        });
+    });
 
-        it ('clear button', () => {
-            let clear_button = document.getElementById('clear-button');
-            expect(clear_button).toBeDefined();
-            expect(clear_button.innerText).toBe('Clear');
-            expect(clear_button.fillColor).toBe('#ffffff'); // fix color
-            expect(clear_button.offsetWidth).gte(10);
+    describe('Navigating Between Points', () => {
+        it.skip('should draw optimal route between two points', () => {
+            expect(true).toBe(true);
         });
+        it.skip('should update route if start point changes', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should avoid closed paths when calculating route', () => {
+            expect(true).toBe(true);
+        });
+    });
 
-        it ('favorites button', () => {
-            let favorite_button = document.getElementById('view-fave-button');
-            expect(favorite_button).toBeDefined();
-            expect(favorite_button.innerText).toBe('Favorites');
-            expect(favorite_button.fillColor).toBe('#ffffff'); // fix color
-            expect(favorite_button.offsetWidth).gte(10);
+    describe('Identifying Accessible Routes', () => {
+        it.skip('should select accessible routes when requested', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should warn if starting point is not accessible', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should toggle between standard and accessible routes', () => {
+            expect(true).toBe(true);
         });
     });
-});
 
-describe('nav bar', () => {
-    it ('nav bar', () => {
-        let nav_bar = document.getElementById('navbutton');
-        expect(nav_bar).toBeDefined();
-        expect(nav_bar.offsetWidth).gte(100); // fix this number
-        expect(nav_bar.offsetHeight).gte(10); // fix this number
-    })
-    it ('accessible', () => {
-        let accessible = document.getElementById('accessible.html');
-        expect(accessible).toBeDefined();
-        expect(accessible.offsetWidth).gte(10);
+    describe('Weather Routes', () => {
+        it.skip('should priorit.skip ize covered routes during bad weather', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should show normal route during good weather', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should alert when severe weather prevents navigation', () => {
+            expect(true).toBe(true);
+        });
     });
-    it ('weather', () => {
-        let weather = document.getElementById('weather.html');
-        expect(weather.innerText).toBeDefined();
-        expect(weather.offsetWidth).gte(10);
-    })
-})
 
+    describe('Authentication', () => {
+        it.skip('should auto-login using cookie if available', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should require manual login if cookie missing', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should prompt login if session expired', () => {
+            expect(true).toBe(true);
+        });
+    });
+
+    describe('Saving Favorit.skip es', () => {
+        it.skip('should save POI to favorit.skip es', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should display saved favorit.skip es', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should allow removing POI from favorit.skip es', () => {
+            expect(true).toBe(true);
+        });
+    });
+
+    describe('Admin Adding/Removing Buildings', () => {
+        it.skip('should allow admin to add a new building', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should allow admin to remove a building', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should allow admin to edit.skip  building information', () => {
+            expect(true).toBe(true);
+        });
+    });
+
+    describe('Concurrent Users', () => {
+        it.skip('should allow multiple users to login simultaneously', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should handle multiple users saving favorit.skip es', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should allow multiple users to navigate at once wit.skip hout issues', () => {
+            expect(true).toBe(true);
+        });
+    });
+
+    describe('Well-Structured UI', () => {
+        it.skip('should render the main page wit.skip h correct layout', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should follow ADA compliance in UI elements', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should be responsive across mobile and desktop', () => {
+            expect(true).toBe(true);
+        });
+    });
+});

From 0d24e66b42a00754b913285e7f01b815095401fa Mon Sep 17 00:00:00 2001
From: Sai K Matukumalli <saikmat@outlook.com>
Date: Sat, 26 Apr 2025 22:42:36 -0400
Subject: [PATCH 4/8] Placeholder tests for our functionalities

---
 .gitignore    |   3 +-
 index.test.js | 223 ++++++++++++++++++++++++++++++++++++++------------
 2 files changed, 174 insertions(+), 52 deletions(-)

diff --git a/.gitignore b/.gitignore
index 31d2647..34363f9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,4 +7,5 @@
 /dataSources/
 /dataSources.local.xml
 /environment_variables/
-.env
\ No newline at end of file
+.env
+/.idea/
\ No newline at end of file
diff --git a/index.test.js b/index.test.js
index 007e620..e2d9c91 100644
--- a/index.test.js
+++ b/index.test.js
@@ -1,5 +1,5 @@
-import { test, expect, it } from 'vitest'
-import { initMap } from "./index";
+import {test, expect, it, describe} from 'vitest'
+import {initMap} from "./index";
 
 // noinspection JSUnusedLocalSymbols
 const clickable_element_width = 10;
@@ -14,67 +14,188 @@ test('map deployment', () => {
 })
 
 // test that title is in the right place
-test('text locations', async ({ page }) => {
-    await expect(page.getByRole('heading', { name: `UMBC Interactive Map`, exact: true })); // not right, work on this
+test('text locations', async ({page}) => {
+    await expect(page.getByRole('heading', {name: `UMBC Interactive Map`, exact: true})); // not right, work on this
 });
+describe('Campus Navigation App', () => {
+    describe('side matter', () => {
+        describe('search bars', () => {
+            it('destination bar', () => {
+                let destination_bar = document.getElementById('origin-input');
+                expect(destination_bar.innerText).toBe('Enter your destination');
+                expect(destination_bar.offsetWidth).gte(10); // make sure it's not too narrow
+            });
+            it('start bar', () => {
+                let start_bar = document.getElementById('pac-input');
+                expect(start_bar.innerText).toBe('Enter your starting location');
+                expect(start_bar.offsetWidth).gte(10); // make sure it's not too narrow
+            });
+        });
+
+        describe('buttons', () => {
+            it('search button', () => {
+                let search_button = document.getElementById('search-button');
+                expect(search_button).toBeDefined();
+                expect(search_button.innerText).toBe('Go Now');
+                expect(search_button.fillColor).toBe('#ffffff'); // fix color
+                expect(search_button.offsetWidth).gte(10);
+            });
 
-describe('side matter', () => {
-    describe('search bars', () => {
-        it ('destination bar', () => {
-            let destination_bar = document.getElementById('origin-input');
-            expect(destination_bar.innerText).toBe('Enter your destination');
-            expect(destination_bar.offsetWidth).gte(10); // make sure it's not too narrow
+            it('clear button', () => {
+                let clear_button = document.getElementById('clear-button');
+                expect(clear_button).toBeDefined();
+                expect(clear_button.innerText).toBe('Clear');
+                expect(clear_button.fillColor).toBe('#ffffff'); // fix color
+                expect(clear_button.offsetWidth).gte(10);
+            });
+
+            it('favorites button', () => {
+                let favorite_button = document.getElementById('view-fave-button');
+                expect(favorite_button).toBeDefined();
+                expect(favorite_button.innerText).toBe('Favorites');
+                expect(favorite_button.fillColor).toBe('#ffffff'); // fix color
+                expect(favorite_button.offsetWidth).gte(10);
+            });
         });
-        it ('start bar', () =>{
-            let start_bar = document.getElementById('pac-input');
-            expect(start_bar.innerText).toBe('Enter your starting location');
-            expect(start_bar.offsetWidth).gte(10); // make sure it's not too narrow
+    });
+
+    describe('nav bar', () => {
+        it('nav bar', () => {
+            let nav_bar = document.getElementById('navbutton');
+            expect(nav_bar).toBeDefined();
+            expect(nav_bar.offsetWidth).gte(100); // fix this number
+            expect(nav_bar.offsetHeight).gte(10); // fix this number
+        })
+        it('accessible', () => {
+            let accessible = document.getElementById('accessible.html');
+            expect(accessible).toBeDefined();
+            expect(accessible.offsetWidth).gte(10);
+        });
+        it('weather', () => {
+            let weather = document.getElementById('weather.html');
+            expect(weather.innerText).toBeDefined();
+            expect(weather.offsetWidth).gte(10);
+        })
+    })
+
+    describe('Locating Points of Interest', () => {
+        it.skip('should highlight building when searching by full name', () => {
+            // mock search building
+            expect(true).toBe(true); // placeholder
+        });
+        it.skip('should suggest matches when partial name entered', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should center map when POI is clicked from list', () => {
+            expect(true).toBe(true);
         });
     });
 
-    describe ('buttons', () =>{
-        it ('search button', () => {
-            let search_button = document.getElementById('search-button');
-            expect(search_button).toBeDefined();
-            expect(search_button.innerText).toBe('Go Now');
-            expect(search_button.fillColor).toBe('#ffffff'); // fix color
-            expect(search_button.offsetWidth).gte(10);
+    describe('Getting Information About Points of Interest', () => {
+        it.skip('should show popup wit.skip h POI info on click', () => {
+            expect(true).toBe(true);
         });
+        it.skip('should expand to full info page on "More Info" click', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should load correct info for multiple POIs', () => {
+            expect(true).toBe(true);
+        });
+    });
 
-        it ('clear button', () => {
-            let clear_button = document.getElementById('clear-button');
-            expect(clear_button).toBeDefined();
-            expect(clear_button.innerText).toBe('Clear');
-            expect(clear_button.fillColor).toBe('#ffffff'); // fix color
-            expect(clear_button.offsetWidth).gte(10);
+    describe('Navigating Between Points', () => {
+        it.skip('should draw optimal route between two points', () => {
+            expect(true).toBe(true);
         });
+        it.skip('should update route if start point changes', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should avoid closed paths when calculating route', () => {
+            expect(true).toBe(true);
+        });
+    });
 
-        it ('favorites button', () => {
-            let favorite_button = document.getElementById('view-fave-button');
-            expect(favorite_button).toBeDefined();
-            expect(favorite_button.innerText).toBe('Favorites');
-            expect(favorite_button.fillColor).toBe('#ffffff'); // fix color
-            expect(favorite_button.offsetWidth).gte(10);
+    describe('Identifying Accessible Routes', () => {
+        it.skip('should select accessible routes when requested', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should warn if starting point is not accessible', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should toggle between standard and accessible routes', () => {
+            expect(true).toBe(true);
         });
     });
-});
 
-describe('nav bar', () => {
-    it ('nav bar', () => {
-        let nav_bar = document.getElementById('navbutton');
-        expect(nav_bar).toBeDefined();
-        expect(nav_bar.offsetWidth).gte(100); // fix this number
-        expect(nav_bar.offsetHeight).gte(10); // fix this number
-    })
-    it ('accessible', () => {
-        let accessible = document.getElementById('accessible.html');
-        expect(accessible).toBeDefined();
-        expect(accessible.offsetWidth).gte(10);
+    describe('Weather Routes', () => {
+        it.skip('should priorit.skip ize covered routes during bad weather', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should show normal route during good weather', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should alert when severe weather prevents navigation', () => {
+            expect(true).toBe(true);
+        });
     });
-    it ('weather', () => {
-        let weather = document.getElementById('weather.html');
-        expect(weather.innerText).toBeDefined();
-        expect(weather.offsetWidth).gte(10);
-    })
-})
 
+    describe('Authentication', () => {
+        it.skip('should auto-login using cookie if available', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should require manual login if cookie missing', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should prompt login if session expired', () => {
+            expect(true).toBe(true);
+        });
+    });
+
+    describe('Saving Favorit.skip es', () => {
+        it.skip('should save POI to favorit.skip es', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should display saved favorit.skip es', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should allow removing POI from favorit.skip es', () => {
+            expect(true).toBe(true);
+        });
+    });
+
+    describe('Admin Adding/Removing Buildings', () => {
+        it.skip('should allow admin to add a new building', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should allow admin to remove a building', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should allow admin to edit.skip  building information', () => {
+            expect(true).toBe(true);
+        });
+    });
+
+    describe('Concurrent Users', () => {
+        it.skip('should allow multiple users to login simultaneously', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should handle multiple users saving favorit.skip es', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should allow multiple users to navigate at once wit.skip hout issues', () => {
+            expect(true).toBe(true);
+        });
+    });
+
+    describe('Well-Structured UI', () => {
+        it.skip('should render the main page wit.skip h correct layout', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should follow ADA compliance in UI elements', () => {
+            expect(true).toBe(true);
+        });
+        it.skip('should be responsive across mobile and desktop', () => {
+            expect(true).toBe(true);
+        });
+    });
+});

From a4530574f416f93fca7c2a495fd631e873aa6ae5 Mon Sep 17 00:00:00 2001
From: Kevin <kchau2@umbc.edu>
Date: Tue, 29 Apr 2025 17:59:46 -0400
Subject: [PATCH 5/8] Read html before running tests

---
 index.js      | 49 ++++++++++++++++++++++++++-----------------------
 index.test.js | 14 ++++++++++----
 2 files changed, 36 insertions(+), 27 deletions(-)

diff --git a/index.js b/index.js
index 72252ac..01b49ff 100644
--- a/index.js
+++ b/index.js
@@ -1,29 +1,6 @@
 import { Loader } from "@googlemaps/js-api-loader";
 import * as destinations from "./destinations.js";
 
-// Navbar slide function
-const sidebar = document.getElementById("sidebar");
-const navbutton = document.getElementById("navbutton");
-const mainMap = document.getElementById("map");
-
-navbutton.addEventListener('click', () => {
-  sidebar.classList.toggle('active');
-  mainMap.classList.toggle('active');
-});
-
-// Hide/display favorites list on button click
-const faveButton = document.getElementById("view-fave-button");
-
-faveButton.addEventListener('click', () => {
-    const faveDiv = document.getElementById("favorites-container");
-    if(faveDiv.style.display === "none"){
-      faveDiv.style.display = "block";
-    }
-    else{
-      faveDiv.style.display = "none";
-    }
-});
-
 // Route display functionality
 const routeDisplay = new function () {
   this.directionsService;
@@ -162,6 +139,31 @@ function clearMarkers(markersCollection) {
   });
 }
 
+function navFavBarUISetup(){
+  // Navbar slide function
+  const sidebar = document.getElementById("sidebar");
+  const navbutton = document.getElementById("navbutton");
+  const mainMap = document.getElementById("map");
+
+  navbutton.addEventListener('click', () => {
+    sidebar.classList.toggle('active');
+    mainMap.classList.toggle('active');
+  });
+
+  // Hide/display favorites list on button click
+  const faveButton = document.getElementById("view-fave-button");
+
+  faveButton.addEventListener('click', () => {
+      const faveDiv = document.getElementById("favorites-container");
+      if(faveDiv.style.display === "none"){
+        faveDiv.style.display = "block";
+      }
+      else{
+        faveDiv.style.display = "none";
+      }
+  });
+}
+
 function getMap(center) {
   return new google.maps.Map(document.getElementById("map"), {
     zoom: 17,
@@ -306,6 +308,7 @@ export async function initMap() {
 
   routeDisplay.init();
   navButtonInitialization(map, allMarks);
+  navFavBarUISetup();
 
   displayFavoriteSearches(); // Display saved favorites on load
 
diff --git a/index.test.js b/index.test.js
index e2d9c91..223984f 100644
--- a/index.test.js
+++ b/index.test.js
@@ -1,5 +1,11 @@
-import {test, expect, it, describe} from 'vitest'
-import {initMap} from "./index";
+/*
+ * @vitest-environment jsdom
+*/
+import {test, expect, it, describe, beforeEach, getByRole} from 'vitest'
+import html from "./index.html?raw";
+import {initMap} from "./index.js";
+document.documentElement.innerHTML = html;
+
 
 // noinspection JSUnusedLocalSymbols
 const clickable_element_width = 10;
@@ -21,12 +27,12 @@ describe('Campus Navigation App', () => {
     describe('side matter', () => {
         describe('search bars', () => {
             it('destination bar', () => {
-                let destination_bar = document.getElementById('origin-input');
+                let destination_bar = document.getElementById('dest-input');
                 expect(destination_bar.innerText).toBe('Enter your destination');
                 expect(destination_bar.offsetWidth).gte(10); // make sure it's not too narrow
             });
             it('start bar', () => {
-                let start_bar = document.getElementById('pac-input');
+                let start_bar = document.getElementById('origin-input');
                 expect(start_bar.innerText).toBe('Enter your starting location');
                 expect(start_bar.offsetWidth).gte(10); // make sure it's not too narrow
             });

From 16a39fa1fcb19065d33e91933a1b7170a1aed022 Mon Sep 17 00:00:00 2001
From: Kevin <kchau2@umbc.edu>
Date: Thu, 1 May 2025 16:42:49 -0400
Subject: [PATCH 6/8] Messed up merge conflict resolution

---
 index.test.js | 2 --
 package.json  | 7 ++++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/index.test.js b/index.test.js
index 3ac494a..223984f 100644
--- a/index.test.js
+++ b/index.test.js
@@ -20,8 +20,6 @@ test('map deployment', () => {
 })
 
 // test that title is in the right place
-test('text locations', async ({page}) => {
-    await expect(page.getByRole('heading', {name: `UMBC Interactive Map`, exact: true})); // not right, work on this
 test('text locations', async ({page}) => {
     await expect(page.getByRole('heading', {name: `UMBC Interactive Map`, exact: true})); // not right, work on this
 });
diff --git a/package.json b/package.json
index 5c3c83e..44d32e7 100644
--- a/package.json
+++ b/package.json
@@ -4,8 +4,9 @@
     "scripts": {
       "test": "vitest"
     },
-    "devDependencies": {
-      "vitest": "^1.0.0"
+    "dependencies": {
+      "@googlemaps/js-api-loader": "^1.16.8",
+      "jsdom": "^26.1.0",
+      "vitest": "^3.1.2"
     }
   }
-  
\ No newline at end of file

From 54cd1a885eec134c275801b0416dd63a4d5c7b9e Mon Sep 17 00:00:00 2001
From: Kevin <kchau2@umbc.edu>
Date: Thu, 1 May 2025 17:45:41 -0400
Subject: [PATCH 7/8] Move recents button logic

---
 index.js | 52 ++++++++++++++--------------------------------------
 1 file changed, 14 insertions(+), 38 deletions(-)

diff --git a/index.js b/index.js
index 5ad0235..735c709 100644
--- a/index.js
+++ b/index.js
@@ -1,42 +1,6 @@
 import { Loader } from "@googlemaps/js-api-loader";
 import * as destinations from "./destinations.js";
 
-
-// Navbar slide function
-const sidebar = document.getElementById("sidebar");
-const navbutton = document.getElementById("navbutton");
-const mainMap = document.getElementById("map");
-
-
-navbutton.addEventListener('click', () => {
-  sidebar.classList.toggle('active');
-  mainMap.classList.toggle('active');
-});
-
-const faveButton = document.getElementById("view-fave-button");
-
-faveButton.addEventListener('click', () => {
-    const faveDiv = document.getElementById("favorites-container");
-    if(faveDiv.style.display === "none"){
-      faveDiv.style.display = "block";
-    }
-    else{
-      faveDiv.style.display = "none";
-    }
-});
-
-const recentButton = document.getElementById("recent-button");
-
-recentButton.addEventListener('click', () => {
-    const faveDiv = document.getElementById("recent-container");
-    if(faveDiv.style.display === "none"){
-      faveDiv.style.display = "block";
-    }
-    else{
-      faveDiv.style.display = "none";
-    }
-});
-
 // Route display functionality
 const routeDisplay = new function () {
   this.directionsService;
@@ -196,7 +160,7 @@ function clearMarkers(markersCollection) {
   });
 }
 
-function navFavBarUISetup(){
+function miscUISetup(){
   // Navbar slide function
   const sidebar = document.getElementById("sidebar");
   const navbutton = document.getElementById("navbutton");
@@ -219,6 +183,18 @@ function navFavBarUISetup(){
         faveDiv.style.display = "none";
       }
   });
+
+  const recentButton = document.getElementById("recent-button");
+
+  recentButton.addEventListener('click', () => {
+      const faveDiv = document.getElementById("recent-container");
+      if(faveDiv.style.display === "none"){
+        faveDiv.style.display = "block";
+      }
+      else{
+        faveDiv.style.display = "none";
+      }
+  });
 }
 
 function getMap(center) {
@@ -465,7 +441,7 @@ export async function initMap() {
 
   routeDisplay.init();
   navButtonInitialization(map, allMarks);
-  navFavBarUISetup();
+  miscUISetup();
 
   displayFavoriteSearches(); // Display saved favorites on load
 

From 167b5e09fe5da89ecf00ff47faf553777a74aa13 Mon Sep 17 00:00:00 2001
From: Saikmat <saikmat@Outlook.com>
Date: Thu, 1 May 2025 18:14:07 -0400
Subject: [PATCH 8/8] fixed tests

---
 .gitignore    |  3 ++-
 index.test.js | 16 +++++++---------
 package.json  |  3 +++
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/.gitignore b/.gitignore
index 34363f9..b58cd61 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,4 +8,5 @@
 /dataSources.local.xml
 /environment_variables/
 .env
-/.idea/
\ No newline at end of file
+/.idea/
+/node_modules/
\ No newline at end of file
diff --git a/index.test.js b/index.test.js
index 223984f..49cb42e 100644
--- a/index.test.js
+++ b/index.test.js
@@ -1,7 +1,8 @@
 /*
  * @vitest-environment jsdom
 */
-import {test, expect, it, describe, beforeEach, getByRole} from 'vitest'
+import {test, expect, it, describe, beforeEach} from 'vitest'
+import { screen, getByRole } from '@testing-library/dom';
 import html from "./index.html?raw";
 import {initMap} from "./index.js";
 document.documentElement.innerHTML = html;
@@ -20,21 +21,19 @@ test('map deployment', () => {
 })
 
 // test that title is in the right place
-test('text locations', async ({page}) => {
-    await expect(page.getByRole('heading', {name: `UMBC Interactive Map`, exact: true})); // not right, work on this
+test('text locations', async () => {
+    await expect(getByRole(document.body, 'heading', { name: `Interactive Map`, exact: true })); // not right, work on this
 });
 describe('Campus Navigation App', () => {
     describe('side matter', () => {
         describe('search bars', () => {
             it('destination bar', () => {
                 let destination_bar = document.getElementById('dest-input');
-                expect(destination_bar.innerText).toBe('Enter your destination');
-                expect(destination_bar.offsetWidth).gte(10); // make sure it's not too narrow
+                expect(destination_bar.getAttribute('placeholder')).toBe('Enter your destination');
             });
             it('start bar', () => {
                 let start_bar = document.getElementById('origin-input');
-                expect(start_bar.innerText).toBe('Enter your starting location');
-                expect(start_bar.offsetWidth).gte(10); // make sure it's not too narrow
+                expect(start_bar.getAttribute('placeholder')).toBe('Enter your starting location');
             });
         });
 
@@ -42,8 +41,7 @@ describe('Campus Navigation App', () => {
             it('search button', () => {
                 let search_button = document.getElementById('search-button');
                 expect(search_button).toBeDefined();
-                expect(search_button.innerText).toBe('Go Now');
-                expect(search_button.fillColor).toBe('#ffffff'); // fix color
+                expect(screen.getByRole('button', { name: 'Go Now', hidden: true })).toBeInTheDocument();
                 expect(search_button.offsetWidth).gte(10);
             });
 
diff --git a/package.json b/package.json
index 44d32e7..a9ef0cd 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,9 @@
     },
     "dependencies": {
       "@googlemaps/js-api-loader": "^1.16.8",
+      "@testing-library/dom": "^10.4.0",
+      "@testing-library/jest-dom": "^6.6.3",
+      "esm": "^3.2.25",
       "jsdom": "^26.1.0",
       "vitest": "^3.1.2"
     }