Fix test issues: Use getAllByRole for multiple elements, add React cleanup

2025-08-29 22:21:28 -06:00
parent 8e0b4246b2
commit e44d7c1b92
2 changed files with 11 additions and 3 deletions
@@ -246,13 +246,17 @@ describe("Footer", () => {
    const emailLinks = screen.getAllByRole("link", {
      name: "medlab@colorado.edu",
    });
-    const blueskyLink = screen.getByRole("link", {
+    const blueskyLinks = screen.getAllByRole("link", {
      name: "Follow us on Bluesky",
    });
-    const gitlabLink = screen.getByRole("link", {
+    const gitlabLinks = screen.getAllByRole("link", {
      name: "Follow us on GitLab",
    });

+    // Use the first instance of each social media link
+    const blueskyLink = blueskyLinks[0];
+    const gitlabLink = gitlabLinks[0];
+
    // Check email links (multiple due to responsive design)
    emailLinks.forEach((emailLink) => {
      expect(emailLink).toHaveClass("focus:outline-none");