refactor: share source sync status presentation

src/shared/ui/SourceSyncStatus/SourceSyncStatus.test.tsx

@@ -0,0 +1,46 @@
+import { MantineProvider } from "@mantine/core";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+
+import { SourceSyncStatus, type SourceSyncStatusProps } from "./SourceSyncStatus";
+
+function renderStatus(props: SourceSyncStatusProps) {
+	render(
+		<MantineProvider>
+			<SourceSyncStatus {...props} />
+		</MantineProvider>,
+	);
+}
+
+describe("SourceSyncStatus", () => {
+	it("renders nothing without source data", () => {
+		renderStatus({});
+
+		expect(screen.queryByRole("status")).not.toBeInTheDocument();
+		expect(screen.queryByText(/Данные/)).not.toBeInTheDocument();
+	});
+
+	it("renders the source timestamp", () => {
+		renderStatus({ lastSuccessfulAt: "2026-02-03T10:15:00.000Z" });
+
+		expect(screen.getByText(/Данные на/)).toBeInTheDocument();
+	});
+
+	it("announces the caller-provided error text as a status", () => {
+		renderStatus({ errorText: "Обновление не удалось" });
+
+		expect(screen.getByRole("status")).toHaveTextContent("Обновление не удалось");
+	});
+
+	it("keeps the notices next to the timestamp they belong to", () => {
+		renderStatus({
+			errorText: "Обновление не удалось",
+			lastSuccessfulAt: "2026-02-03T10:15:00.000Z",
+			stale: true,
+		});
+
+		expect(screen.getByText(/Данные на/)).toBeInTheDocument();
+		expect(screen.getByText("Данные требуют обновления")).toBeInTheDocument();
+		expect(screen.getByRole("status")).toHaveTextContent("Обновление не удалось");
+	});
+});