refactor: colocate frontend component files

src/app/routes/AppRoutes/AppRoutes.test.tsx

@@ -0,0 +1,157 @@
+import { MantineProvider } from "@mantine/core";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { cssVariablesResolver, theme } from "@wealthledger/ui/theme";
+import { HttpResponse, http } from "msw";
+import { MemoryRouter } from "react-router";
+import { describe, expect, it } from "vitest";
+import { AuthProvider } from "@/features/auth";
+import { createTestQueryClient } from "@/test/query";
+import { server } from "@/test/server";
+import { AppRoutes } from "./AppRoutes";
+
+describe("AppRoutes", () => {
+	function renderRoutes(path: string) {
+		return render(
+			<QueryClientProvider client={createTestQueryClient()}>
+				<MemoryRouter initialEntries={[path]}>
+					<MantineProvider
+						cssVariablesResolver={cssVariablesResolver}
+						theme={theme}
+					>
+						<AuthProvider>
+							<AppRoutes />
+						</AuthProvider>
+					</MantineProvider>
+				</MemoryRouter>
+			</QueryClientProvider>,
+		);
+	}
+
+	it.each([
+		["/", "Вход"],
+		["/login", "Вход"],
+		["/register", "Регистрация"],
+		["/accounts", "Вход"],
+		["/accounts/demo", "Вход"],
+		["/accounts/demo/operations", "Вход"],
+		["/settings", "Вход"],
+		["/cards?month=2026-08", "Вход"],
+		["/unknown", "Страница не найдена"],
+	])("renders %s with its page title", async (path, title) => {
+		renderRoutes(path);
+
+		await waitFor(() =>
+			expect(
+				screen.getByRole("heading", { level: 1, name: title }),
+			).toBeInTheDocument(),
+		);
+		expect(document.title).toBe(`${title} — WealthLedger`);
+	});
+
+	it("redirects anonymous users from accounts", async () => {
+		renderRoutes("/accounts");
+
+		await waitFor(() =>
+			expect(
+				screen.getByRole("heading", { level: 1, name: "Вход" }),
+			).toBeInTheDocument(),
+		);
+	});
+
+	it("logs in through the public form and reaches the protected landing", async () => {
+		let credentials: unknown;
+		server.use(
+			http.post("*/api/v1/auth/login", async ({ request }) => {
+				credentials = await request.json();
+				return HttpResponse.json({
+					accessToken: "login-token",
+					user: { id: "user-1", email: "user@example.com" },
+				});
+			}),
+		);
+		renderRoutes("/accounts");
+
+		await screen.findByRole("heading", { level: 1, name: "Вход" });
+		fireEvent.change(screen.getByLabelText("Email"), {
+			target: { value: " User@Example.com " },
+		});
+		fireEvent.change(screen.getByLabelText("Пароль"), {
+			target: { value: "a secure password" },
+		});
+		fireEvent.click(screen.getByRole("button", { name: "Вход" }));
+
+		expect(
+			await screen.findByRole("heading", {
+				level: 2,
+				name: "Нет инвестиционных счетов",
+			}),
+		).toBeInTheDocument();
+		expect(document.title).toBe("Счета — WealthLedger");
+		expect(credentials).toEqual({
+			email: "user@example.com",
+			password: "a secure password",
+		});
+	});
+
+	it("returns after login to cards with the selected month without T-Bank", async () => {
+		server.use(
+			http.get("*/api/v1/bank-cards/categories", () => HttpResponse.json([])),
+			http.post("*/api/v1/auth/login", () =>
+				HttpResponse.json({
+					accessToken: "test",
+					user: { id: "user-1", email: "user@example.com" },
+				}),
+			),
+			http.get("*/api/v1/bank-cards", () => HttpResponse.json([])),
+			http.get("*/api/v1/bank-cards/summary", () =>
+				HttpResponse.json({
+					month: "2026-08",
+					cardId: null,
+					expenses: { currency: "RUB", value: "0" },
+					refunds: { currency: "RUB", value: "0" },
+					net: { currency: "RUB", value: "0" },
+					categories: [],
+				}),
+			),
+		);
+		renderRoutes("/cards?month=2026-08");
+		await screen.findByRole("heading", { name: "Вход" });
+		fireEvent.change(screen.getByLabelText("Email"), {
+			target: { value: "user@example.com" },
+		});
+		fireEvent.change(screen.getByLabelText("Пароль"), {
+			target: { value: "a secure password" },
+		});
+		fireEvent.click(screen.getByRole("button", { name: "Вход" }));
+		await screen.findByRole("heading", { name: "Добавьте первую карту" });
+		expect(screen.getByLabelText("Период")).toHaveTextContent(
+			"01.08.2026 – 31.08.2026",
+		);
+		expect(document.title).toBe("Карты — WealthLedger");
+	});
+
+	it("lazy-loads the protected shell for an authenticated accounts route", async () => {
+		server.use(
+			http.post("*/api/v1/auth/refresh", () =>
+				HttpResponse.json({
+					accessToken: "test-token",
+					user: { id: "user-1", email: "user@example.com" },
+				}),
+			),
+		);
+		renderRoutes("/accounts");
+
+		await waitFor(() =>
+			expect(
+				screen.getByRole("heading", {
+					level: 2,
+					name: "Нет инвестиционных счетов",
+				}),
+			).toBeInTheDocument(),
+		);
+		expect(
+			screen.getByRole("navigation", { name: "WealthLedger" }),
+		).toBeInTheDocument();
+	});
+});