feat: enforce frontend quality guardrails

src/app/routes/AppRoutes.test.tsx

@@ -1,6 +1,7 @@
 import { MantineProvider } from "@mantine/core";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { cleanup, render, screen, waitFor } from "@testing-library/react";
+import { HttpResponse, http } from "msw";
 import { MemoryRouter } from "react-router";
 import { afterEach, describe, expect, it, vi } from "vitest";
 
@@ -10,6 +11,7 @@ import {
 	AccountsPageError,
 	AccountsPageLoading,
 } from "@/pages/accounts";
+import { server } from "@/test/server";
 import { theme } from "../theme";
 import { AppRoutes } from "./AppRoutes";
 
@@ -89,6 +91,30 @@ describe("AppRoutes", () => {
 		);
 	});
 
+	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();
+	});
+
 	it.each([
 		["loading", AccountsPageLoading, "status"],
 		["error", AccountsPageError, "alert"],