import { render, screen } from "@testing-library/react";
import { SkipToContent } from "@/components/ui/skip-to-content";
import { expect, it, describe } from "vitest";
import React from "react";

describe("SkipToContent", () => {
  it("renders a link to #main-content", () => {
    render(<SkipToContent />);
    const link = screen.getByRole("link", { name: /Hauptinhalt/i });
    expect(link).toHaveAttribute("href", "#main-content");
  });

  it("has the correct CSS classes for skip-link behavior", () => {
    render(<SkipToContent />);
    const link = screen.getByRole("link", { name: /Hauptinhalt/i });
    expect(link.className).toContain("absolute");
    expect(link.className).toContain("-translate-y-20");
    expect(link.className).toContain("focus:translate-y-0");
  });
});