Fix failing tests and add unit tests

This commit is contained in:
adilallo
2025-09-12 10:26:21 -06:00
parent 0f9bc0d74e
commit c8f63ca39a
14 changed files with 1833 additions and 89 deletions
+17 -17
View File
@@ -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", {
@@ -73,26 +73,26 @@ describe("Footer", () => {
expect(blueskyImages.length).toBeGreaterThan(0);
const blueskyImage = blueskyImages[0];
expect(blueskyImage).toBeInTheDocument();
expect(blueskyImage).toHaveAttribute("src", "assets/Bluesky_Logo.svg");
expect(blueskyImage).toHaveAttribute("src", "/assets/Bluesky_Logo.svg");
const gitlabImages = screen.getAllByAltText("GitLab");
expect(gitlabImages.length).toBeGreaterThan(0);
const gitlabImage = gitlabImages[0];
expect(gitlabImage).toBeInTheDocument();
expect(gitlabImage).toHaveAttribute("src", "assets/GitLab_Icon.png");
expect(gitlabImage).toHaveAttribute("src", "/assets/GitLab_Icon.png");
});
test("renders navigation links", () => {
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)]"
);
});
});