/* !
 * (c) Copyright 2025 Palantir Technologies Inc. All rights reserved.
 */

import { render, screen } from "@testing-library/react";
import { createRef } from "react";

import { describe, expect, it } from "@blueprintjs/test-commons/vitest";

import { Classes, Intent } from "../../common";

import { Link } from "./link";

describe("<Link>", () => {
    it("should render an anchor tag with href", () => {
        render(<Link href="/test">Test</Link>);
        const link = screen.getByRole("link", { name: "Test" });

        expect(link).toBeDefined();
        expect(link.tagName).toBe("A");
        expect(link.getAttribute("href")).toBe("/test");
    });

    it("should apply base LINK class", () => {
        render(<Link href="#">Test</Link>);
        const link = screen.getByRole("link", { name: "Test" });

        expect(link.classList.contains(Classes.LINK)).toBe(true);
    });

    it("should support custom className prop", () => {
        render(
            <Link className="custom-class" href="#">
                Test
            </Link>,
        );
        const link = screen.getByRole("link", { name: "Test" });

        expect(link.classList.contains("custom-class")).toBe(true);
        expect(link.classList.contains(Classes.LINK)).toBe(true);
    });

    describe("underline prop", () => {
        it("should default to always underline", () => {
            render(<Link href="#">Test</Link>);
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.classList.contains(Classes.LINK_UNDERLINE_ALWAYS)).toBe(true);
            expect(link.classList.contains(Classes.LINK_UNDERLINE_HOVER)).toBe(false);
            expect(link.classList.contains(Classes.LINK_UNDERLINE_NONE)).toBe(false);
        });

        it('should apply always class when underline="always"', () => {
            render(
                <Link underline="always" href="#">
                    Test
                </Link>,
            );
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.classList.contains(Classes.LINK_UNDERLINE_ALWAYS)).toBe(true);
            expect(link.classList.contains(Classes.LINK_UNDERLINE_HOVER)).toBe(false);
            expect(link.classList.contains(Classes.LINK_UNDERLINE_NONE)).toBe(false);
        });

        it('should apply hover class when underline="hover"', () => {
            render(
                <Link underline="hover" href="#">
                    Test
                </Link>,
            );
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.classList.contains(Classes.LINK_UNDERLINE_HOVER)).toBe(true);
            expect(link.classList.contains(Classes.LINK_UNDERLINE_ALWAYS)).toBe(false);
            expect(link.classList.contains(Classes.LINK_UNDERLINE_NONE)).toBe(false);
        });

        it('should apply none class when underline="none"', () => {
            render(
                <Link underline="none" href="#">
                    Test
                </Link>,
            );
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.classList.contains(Classes.LINK_UNDERLINE_NONE)).toBe(true);
            expect(link.classList.contains(Classes.LINK_UNDERLINE_ALWAYS)).toBe(false);
            expect(link.classList.contains(Classes.LINK_UNDERLINE_HOVER)).toBe(false);
        });
    });

    describe("color prop", () => {
        it("should default to Intent.PRIMARY", () => {
            render(<Link href="#">Test</Link>);
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.classList.contains(Classes.INTENT_PRIMARY)).toBe(true);
        });

        it("should apply PRIMARY intent class", () => {
            render(
                <Link color={Intent.PRIMARY} href="#">
                    Test
                </Link>,
            );
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.classList.contains(Classes.INTENT_PRIMARY)).toBe(true);
        });

        it("should apply SUCCESS intent class", () => {
            render(
                <Link color={Intent.SUCCESS} href="#">
                    Test
                </Link>,
            );
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.classList.contains(Classes.INTENT_SUCCESS)).toBe(true);
            expect(link.classList.contains(Classes.INTENT_PRIMARY)).toBe(false);
        });

        it("should apply WARNING intent class", () => {
            render(
                <Link color={Intent.WARNING} href="#">
                    Test
                </Link>,
            );
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.classList.contains(Classes.INTENT_WARNING)).toBe(true);
        });

        it("should apply DANGER intent class", () => {
            render(
                <Link color={Intent.DANGER} href="#">
                    Test
                </Link>,
            );
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.classList.contains(Classes.INTENT_DANGER)).toBe(true);
        });

        it('should apply color-inherit class when color="inherit"', () => {
            render(
                <Link color="inherit" href="#">
                    Test
                </Link>,
            );
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.classList.contains(Classes.LINK_COLOR_INHERIT)).toBe(true);
            expect(link.classList.contains(Classes.INTENT_PRIMARY)).toBe(false);
        });
    });

    describe("HTML attributes", () => {
        it("should pass through target attribute", () => {
            render(
                <Link target="_blank" href="#">
                    Test
                </Link>,
            );
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.getAttribute("target")).toBe("_blank");
        });

        it("should forward standard HTML attributes", () => {
            render(
                <Link href="/test" title="Link Title" id="test-link" data-testid="custom-test-id">
                    Test
                </Link>,
            );
            const link = screen.getByRole("link", { name: "Test" });

            expect(link.getAttribute("title")).toBe("Link Title");
            expect(link.getAttribute("id")).toBe("test-link");
            expect(link.getAttribute("data-testid")).toBe("custom-test-id");
        });

        it("should support aria attributes", () => {
            render(
                <Link href="#" aria-label="Custom Label" aria-describedby="description">
                    Test
                </Link>,
            );
            const link = screen.getByRole("link", { name: "Custom Label" });

            expect(link.getAttribute("aria-label")).toBe("Custom Label");
            expect(link.getAttribute("aria-describedby")).toBe("description");
        });
    });

    describe("ref forwarding", () => {
        it("should forward ref to anchor element", () => {
            const ref = createRef<HTMLAnchorElement>();
            render(
                <Link ref={ref} href="#">
                    Test
                </Link>,
            );

            expect(ref.current).toBeDefined();
            expect(ref.current).toBeInstanceOf(HTMLAnchorElement);
            expect(ref.current?.tagName).toBe("A");
        });
    });
});