Added testing but 404 failing

__tests__/[slug].test.tsx

@@ -1,22 +1,43 @@
 import slugHandler from "@/pages/api/lanes";
-import { NextApiRequest } from 'next';
+import { NextApiRequest } from "next";
 
-it('should respond with 200 status and lanes data for a GET request', () => {
+it("should respond with 200 status and lanes data for a GET request", () => {
   const request: NextApiRequest = {
-    method: 'GET',
+    method: "GET",
     query: {
       slug: "maps",
-    }
+    },
   } as unknown as NextApiRequest;
 
   const mockResponse: any = {
     status: jest.fn(function () {
-      return this; 
+      return this;
     }),
     json: jest.fn(),
   };
 
   slugHandler(request, mockResponse);
 
   expect(mockResponse.status).toHaveBeenCalledWith(200);
-})
+});
+
+it("should respond with an error for nonexistent slugs", () => {
+  const request: NextApiRequest = {
+    method: "GET",
+    query: {
+      slug: "not-a-slug",
+    },
+  } as unknown as NextApiRequest;
+
+  const mockResponse: any = {
+    status: jest.fn(function () {
+      return this;
+    }),
+    json: jest.fn(),
+  };
+
+  slugHandler(request, mockResponse);
+
+  expect(mockResponse.status).toHaveBeenCalledWith(404);
+  expect(mockResponse.json).toHaveBeenCalledWith({ error: "Lane not found" });
+});

src/pages/api/lanes/[slug].ts

@@ -6,9 +6,7 @@ export default async function slugHandler(
   response: NextApiResponse
 ) {
   const { method, query } = request;
-
   const slug = query.slug as string;
-
   const slugData = lanesData.lanes.find((lane) => lane[slug] !== undefined);
 
   if (method === "GET") {