diff --git a/apps/web/src/routes/_home/-sections/sponsors.test.tsx b/apps/web/src/routes/_home/-sections/sponsors.test.tsx index 945c3a43e..8fa0da758 100644 --- a/apps/web/src/routes/_home/-sections/sponsors.test.tsx +++ b/apps/web/src/routes/_home/-sections/sponsors.test.tsx @@ -33,12 +33,19 @@ describe("Sponsors", () => { expect(link).toHaveAttribute("rel", "noopener noreferrer"); }); - it("renders the full Atlas Cloud logo", () => { - const { getByAltText } = renderSponsors(true); + it("renders the full Atlas Cloud logo inside the sponsor link", () => { + const { container, getByRole } = renderSponsors(true); - const logo = getByAltText("Atlas Cloud"); - expect(logo).toHaveAttribute("src", "/sponsors/atlas-cloud-logo-black.svg"); - expect(logo).toHaveClass("h-20"); + const link = getByRole("link", { name: "Atlas Cloud" }); + const logos = container.querySelectorAll("a[aria-label='Atlas Cloud'] img"); + + expect(logos).toHaveLength(2); + expect(logos[0]).toHaveAttribute("src", "/sponsors/atlas-cloud-logo-black.svg"); + expect(logos[0]).toHaveClass("h-20", "pointer-events-none"); + expect(logos[0]).toHaveAttribute("draggable", "false"); + expect(logos[1]).toHaveAttribute("src", "/sponsors/atlas-cloud-logo-white.svg"); + expect(link).toContainElement(logos[0] as HTMLElement); + expect(link).toContainElement(logos[1] as HTMLElement); }); it("thanks sponsors and links sponsorship inquiries to email", () => { diff --git a/apps/web/src/routes/_home/-sections/sponsors.tsx b/apps/web/src/routes/_home/-sections/sponsors.tsx index d82801219..42da9f457 100644 --- a/apps/web/src/routes/_home/-sections/sponsors.tsx +++ b/apps/web/src/routes/_home/-sections/sponsors.tsx @@ -28,18 +28,23 @@ export const Sponsors = ({ show }: SponsorsProps) => { target="_blank" rel="noopener noreferrer" aria-label="Atlas Cloud" - className="mt-12 block" + className="mt-12 inline-block" > + Atlas Cloud