You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.5 KiB
TypeScript
39 lines
1.5 KiB
TypeScript
// frontend/tests/Topbar.test.tsx
|
|
import { render, screen } from "@testing-library/react";
|
|
import { describe, it, expect, vi } from "vitest";
|
|
import { Topbar } from "@/components/Topbar";
|
|
import { MAIN } from "@/lib/nav";
|
|
|
|
vi.mock("next/navigation", () => ({ usePathname: () => "/tasks" }));
|
|
|
|
describe("Topbar", () => {
|
|
it("모든 메인 내비 항목(nav.ts MAIN)을 렌더한다", () => {
|
|
render(<Topbar />);
|
|
MAIN.forEach((m) => expect(screen.getByText(m.label)).toBeInTheDocument());
|
|
});
|
|
|
|
it("현재 경로(/tasks=작업)가 active 클래스 + aria-current=page", () => {
|
|
render(<Topbar />);
|
|
const active = screen.getByRole("link", { name: /작업/ });
|
|
expect(active).toHaveClass("active");
|
|
expect(active).toHaveAttribute("aria-current", "page");
|
|
});
|
|
|
|
it("결재함=3, 작업=4, 알림=6 배지가 표시된다", () => {
|
|
render(<Topbar />);
|
|
expect(screen.getByText("3")).toBeInTheDocument();
|
|
expect(screen.getByText("4")).toBeInTheDocument();
|
|
expect(screen.getByText("6")).toBeInTheDocument();
|
|
});
|
|
|
|
it("브랜드/아바타 텍스트와 우측 액션 aria-label", () => {
|
|
render(<Topbar />);
|
|
expect(screen.getByText("아리")).toBeInTheDocument();
|
|
expect(screen.getByText("AI LIFE OS")).toBeInTheDocument();
|
|
expect(screen.getByText("지")).toBeInTheDocument(); // user.initial
|
|
expect(screen.getByLabelText("검색")).toBeInTheDocument();
|
|
expect(screen.getByLabelText("알림")).toBeInTheDocument();
|
|
expect(screen.getByLabelText("테마 전환")).toBeInTheDocument();
|
|
});
|
|
});
|