Fix tests after ts change

tests/unit/BlogPage.test.jsx

@@ -111,9 +111,8 @@ describe("BlogPostPage", () => {
     vi.clearAllMocks();
 
     // Mock the content functions
-    const { getBlogPostBySlug, getAllBlogPosts } = await import(
-      "../../lib/content"
-    );
+    const { getBlogPostBySlug, getAllBlogPosts } =
+      await import("../../lib/content");
     vi.mocked(getBlogPostBySlug).mockReturnValue(mockPost);
     vi.mocked(getAllBlogPosts).mockReturnValue([mockPost, ...mockRelatedPosts]);
   });

tests/unit/Footer.test.jsx

@@ -27,7 +27,7 @@ describe("Footer", () => {
     expect(schemaData.email).toBe("medlab@colorado.edu");
     expect(schemaData.url).toBe("https://communityrule.com");
     expect(schemaData.sameAs).toContain(
-      "https://bsky.app/profile/medlabboulder",
+      "https://bsky.app/profile/medlabboulder"
     );
     expect(schemaData.sameAs).toContain("https://gitlab.com/medlabboulder");
   });
@@ -36,7 +36,7 @@ describe("Footer", () => {
     render(<Footer />);
 
     expect(
-      screen.getAllByText("Media Economies Design Lab").length,
+      screen.getAllByText("Media Economies Design Lab").length
     ).toBeGreaterThan(0);
 
     const emailLinks = screen.getAllByRole("link", {
@@ -86,13 +86,13 @@ describe("Footer", () => {
     render(<Footer />);
 
     expect(
-      screen.getAllByRole("link", { name: "Use cases" }).length,
+      screen.getAllByRole("link", { name: "Use cases" }).length
     ).toBeGreaterThan(0);
     expect(
-      screen.getAllByRole("link", { name: "Learn" }).length,
+      screen.getAllByRole("link", { name: "Learn" }).length
     ).toBeGreaterThan(0);
     expect(
-      screen.getAllByRole("link", { name: "About" }).length,
+      screen.getAllByRole("link", { name: "About" }).length
     ).toBeGreaterThan(0);
   });
 
@@ -100,13 +100,13 @@ describe("Footer", () => {
     render(<Footer />);
 
     expect(
-      screen.getAllByRole("link", { name: "Privacy Policy" }).length,
+      screen.getAllByRole("link", { name: "Privacy Policy" }).length
     ).toBeGreaterThan(0);
     expect(
-      screen.getAllByRole("link", { name: "Terms of Service" }).length,
+      screen.getAllByRole("link", { name: "Terms of Service" }).length
     ).toBeGreaterThan(0);
     expect(
-      screen.getAllByRole("link", { name: "Cookies Settings" }).length,
+      screen.getAllByRole("link", { name: "Cookies Settings" }).length
     ).toBeGreaterThan(0);
   });
 
@@ -114,7 +114,7 @@ describe("Footer", () => {
     render(<Footer />);
 
     expect(screen.getAllByText("© All right reserved").length).toBeGreaterThan(
-      0,
+      0
     );
   });
 
@@ -123,7 +123,7 @@ describe("Footer", () => {
 
     // Check that logo containers exist for different breakpoints
     const logoContainers = document.querySelectorAll(
-      '[class*="block sm:hidden"], [class*="hidden sm:block lg:hidden"], [class*="hidden lg:block"]',
+      '[class*="block sm:hidden"], [class*="hidden sm:block lg:hidden"], [class*="hidden lg:block"]'
     );
     expect(logoContainers.length).toBeGreaterThan(0);
   });
@@ -147,7 +147,7 @@ describe("Footer", () => {
 
     // The Separator component should be rendered (it uses a div with border, not hr)
     const separator = document.querySelector(
-      ".bg-\\[var\\(--border-color-default-secondary\\)\\]",
+      ".bg-\\[var\\(--border-color-default-secondary\\)\\]"
     );
     expect(separator).toBeInTheDocument();
   });
@@ -263,10 +263,10 @@ describe("Footer", () => {
       expect(emailLink).toHaveClass("focus:ring-2");
       expect(emailLink).toHaveClass("focus:ring-offset-2");
       expect(emailLink).toHaveClass(
-        "focus:ring-[var(--color-content-default-primary)]",
+        "focus:ring-[var(--color-content-default-primary)]"
       );
       expect(emailLink).toHaveClass(
-        "focus:ring-offset-[var(--color-surface-default-primary)]",
+        "focus:ring-offset-[var(--color-surface-default-primary)]"
       );
     });
 
@@ -276,10 +276,10 @@ describe("Footer", () => {
       expect(link).toHaveClass("focus:ring-2");
       expect(link).toHaveClass("focus:ring-offset-2");
       expect(link).toHaveClass(
-        "focus:ring-[var(--color-content-default-primary)]",
+        "focus:ring-[var(--color-content-default-primary)]"
       );
       expect(link).toHaveClass(
-        "focus:ring-offset-[var(--color-surface-default-primary)]",
+        "focus:ring-offset-[var(--color-surface-default-primary)]"
       );
     });
   });