feat: add authorization

src/app/routes/AppRoutes.test.tsx

@@ -1,7 +1,9 @@
 import { MantineProvider } from "@mantine/core";
-import { cleanup, render, screen } from "@testing-library/react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { cleanup, render, screen, waitFor } from "@testing-library/react";
 import { MemoryRouter } from "react-router";
 import { afterEach, describe, expect, it } from "vitest";
+import { AuthProvider } from "../../features/auth";
 import {
 	AccountsPageEmpty,
 	AccountsPageError,
@@ -12,43 +14,46 @@ import { AppRoutes } from "./AppRoutes";
 
 describe("AppRoutes", () => {
 	afterEach(cleanup);
+	function renderRoutes(path: string) {
+		return render(
+			<QueryClientProvider client={new QueryClient()}>
+				<MemoryRouter initialEntries={[path]}>
+					<MantineProvider theme={theme}>
+						<AuthProvider>
+							<AppRoutes />
+						</AuthProvider>
+					</MantineProvider>
+				</MemoryRouter>
+			</QueryClientProvider>,
+		);
+	}
 
 	it.each([
-		["/", "Счета"],
+		["/", "Вход"],
 		["/login", "Вход"],
 		["/register", "Регистрация"],
-		["/accounts", "Счета"],
-		["/accounts/demo", "Счет"],
-		["/settings", "Настройки"],
+		["/accounts", "Вход"],
+		["/accounts/demo", "Вход"],
+		["/settings", "Вход"],
 		["/unknown", "Страница не найдена"],
-	])("renders %s with its page title", (path, title) => {
-		render(
-			<MemoryRouter initialEntries={[path]}>
-				<MantineProvider theme={theme}>
-					<AppRoutes />
-				</MantineProvider>
-			</MemoryRouter>,
-		);
+	])("renders %s with its page title", async (path, title) => {
+		renderRoutes(path);
 
-		expect(
-			screen.getByRole("heading", { level: 1, name: title }),
-		).toBeInTheDocument();
+		await waitFor(() =>
+			expect(
+				screen.getByRole("heading", { level: 1, name: title }),
+			).toBeInTheDocument(),
+		);
 	});
 
-	it("renders only the empty state for accounts by default", () => {
-		render(
-			<MemoryRouter initialEntries={["/accounts"]}>
-				<MantineProvider theme={theme}>
-					<AppRoutes />
-				</MantineProvider>
-			</MemoryRouter>,
-		);
+	it("redirects anonymous users from accounts", async () => {
+		renderRoutes("/accounts");
 
-		expect(
-			screen.getByRole("heading", { level: 2, name: "Пока ничего нет" }),
-		).toBeInTheDocument();
-		expect(screen.queryByText("Загрузка")).not.toBeInTheDocument();
-		expect(screen.queryByText("Что-то пошло не так")).not.toBeInTheDocument();
+		await waitFor(() =>
+			expect(
+				screen.getByRole("heading", { level: 1, name: "Вход" }),
+			).toBeInTheDocument(),
+		);
 	});
 
 	it.each([