import "@testing-library/jest-dom/vitest";
import { describe, expect, it } from "vitest";
import SkipToContent from "../../app/components/navigation/SkipToContent";
import { MAIN_CONTENT_ID } from "../../lib/mainContent";
import { renderWithProviders as render, screen } from "../utils/test-utils";

describe("SkipToContent", () => {
  it("targets the main landmark", () => {
    render(<SkipToContent />);
    const link = screen.getByRole("link", { name: "Skip to content" });
    expect(link).toHaveAttribute("href", `#${MAIN_CONTENT_ID}`);
    expect(link).toHaveClass("skip-to-content");
  });
});