Modified test cases to match the changed design

Author: FahadLive

__test__/__snapshots__/bottomnavbar.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`BottomNavBar Component matches snapshot 1`] = `
 <DocumentFragment>
   <nav
-    class="fixed left-6 right-6 bottom-8 border-t border-gray-300 bg-[var(--main)] text-foreground rounded-2xl"
+    class="fixed left-6 right-6 bottom-8 border-t border-gray-300 bg-[var(--main)] max-w-[var(--max-screen-size)] mx-auto text-foreground rounded-2xl"
   >
     <ul
       class="flex items-center justify-around py-2"

__test__/home.test.tsx

@@ -20,28 +20,11 @@ describe("ResponsiveDashboard", () => {
     const mainContainer = container.querySelector(".min-h-screen");
     expect(mainContainer).toBeInTheDocument();
 
-    // Check max-width container
-    const maxWidthContainer = container.querySelector(".max-w-7xl");
-    expect(maxWidthContainer).toBeInTheDocument();
-
     // Check flex container for md screens
     const flexContainer = container.querySelector(".md\\:flex");
     expect(flexContainer).toBeInTheDocument();
   });
 
-  it("applies responsive classes correctly", () => {
-    const { container } = render(<ResponsiveDashboard />);
-
-    // Check section has responsive height classes
-    const section = container.querySelector("section");
-    expect(section).toHaveClass(
-      "h-[64vh]",
-      "sm:h-[55vh]",
-      "md:h-full",
-      "md:w-1/2",
-    );
-  });
-
   it("renders both child components", () => {
     render(<ResponsiveDashboard />);
 

package.json

@@ -6,7 +6,8 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "test": "jest"
+    "test": "jest",
+    "update-snapshot": "jest --updateSnapshot"
   },
   "dependencies": {
     "@types/papaparse": "^5.3.16",