43 lines
1.6 KiB
TypeScript
43 lines
1.6 KiB
TypeScript
import { describe, expect, it } from "vitest";
|
|
import { screen, waitFor } from "@testing-library/react";
|
|
import userEvent from "@testing-library/user-event";
|
|
import { LoginPage } from "./LoginPage";
|
|
import { renderWithProviders } from "@/test/test-utils";
|
|
|
|
describe("LoginPage", () => {
|
|
it("renders login form", () => {
|
|
renderWithProviders(<LoginPage />, {
|
|
routerProps: { initialEntries: ["/login"] },
|
|
authenticated: false,
|
|
});
|
|
expect(screen.getByText("AetherForge Command Deck")).toBeInTheDocument();
|
|
expect(screen.getByLabelText("Username")).toBeInTheDocument();
|
|
expect(screen.getByLabelText("Password")).toBeInTheDocument();
|
|
});
|
|
|
|
it("shows validation error for empty submit", async () => {
|
|
const user = userEvent.setup();
|
|
renderWithProviders(<LoginPage />, {
|
|
routerProps: { initialEntries: ["/login"] },
|
|
authenticated: false,
|
|
});
|
|
await user.click(screen.getByRole("button", { name: "Authenticate" }));
|
|
expect(screen.getByText("Username and password are required.")).toBeInTheDocument();
|
|
});
|
|
|
|
it("authenticates and navigates to dashboard", async () => {
|
|
const user = userEvent.setup();
|
|
renderWithProviders(<LoginPage />, {
|
|
routerProps: { initialEntries: ["/login"] },
|
|
authenticated: false,
|
|
});
|
|
await user.type(screen.getByLabelText("Username"), "operator");
|
|
await user.type(screen.getByLabelText("Password"), "secret");
|
|
await user.click(screen.getByRole("button", { name: "Authenticate" }));
|
|
|
|
await waitFor(() => {
|
|
expect(sessionStorage.getItem("aetherforge_auth")).toContain("operator");
|
|
});
|
|
});
|
|
});
|