diff --git a/driver-pwa/frontend/src/pages/FinesPage.test.tsx b/driver-pwa/frontend/src/pages/FinesPage.test.tsx index e965ae5..5397502 100644 --- a/driver-pwa/frontend/src/pages/FinesPage.test.tsx +++ b/driver-pwa/frontend/src/pages/FinesPage.test.tsx @@ -14,10 +14,8 @@ const FINE = { }; vi.mock("@/api/driver", () => ({ - getFines: vi.fn(async (status: string) => ({ - items: status === "open" - ? [FINE] - : [FINE, { ...FINE, id: 13, settled: "paid" as const, amount: 500 }], + getFines: vi.fn(async () => ({ + items: [FINE, { ...FINE, id: 13, settled: "paid" as const, amount: 500 }], open_count: 1, debt: -5156, })), getFine: vi.fn(async () => ({ @@ -50,12 +48,22 @@ function wrap(path = "/fines") { describe("список штрафов", () => { beforeEach(() => vi.clearAllMocks()); + it("нет непогашенных — открываем «Все», а не пустой экран", async () => { + // Водитель оплатил штраф сам: долг нулевой, но штрафы у него есть. Раньше + // список открывался на «Не погашены» и выглядел пустым (Морозов, 18.08.2026). + vi.mocked(driver.getFines).mockResolvedValueOnce({ + items: [{ ...FINE, settled: "paid" as const }], open_count: 0, debt: 0, + } as never); + wrap(); + expect(await screen.findByText("погашен")).toBeInTheDocument(); + expect(screen.queryByText(/Непогашенных штрафов нет/)).not.toBeInTheDocument(); + }); + it("долг берётся из баланса 1С, а не из сумм постановлений", async () => { wrap(); // Парк гасит ГИБДД авансом: если считать по «оплачен/не оплачен» из // постановлений, экран покажет «долгов нет» при −5 156 ₽ на главном. expect(await screen.findByText(/Долг по штрафам −5 156 ₽ · не погашено: 1/)).toBeInTheDocument(); - expect(vi.mocked(driver.getFines).mock.calls[0][0]).toBe("open"); }); it("закрытый в ГИБДД штраф остаётся непогашенным для водителя", async () => { diff --git a/driver-pwa/frontend/src/pages/FinesPage.tsx b/driver-pwa/frontend/src/pages/FinesPage.tsx index eaa6c63..37e0219 100644 --- a/driver-pwa/frontend/src/pages/FinesPage.tsx +++ b/driver-pwa/frontend/src/pages/FinesPage.tsx @@ -22,12 +22,18 @@ import { Spinner } from "@/components/Spinner"; */ export function FinesPage() { const nav = useNavigate(); - const [tab, setTab] = useState<"open" | "all">("open"); + // Запрашиваем ВСЕ и фильтруем на месте: список короткий, зато вкладка + // переключается мгновенно и, главное, известно, есть ли непогашенные ещё до + // того, как выбрана вкладка. const { data, isLoading, isError, refetch } = useQuery({ - queryKey: ["fines", tab], - queryFn: () => getFines(tab), + queryKey: ["fines"], + queryFn: () => getFines("all"), }); - const items = data?.items ?? []; + const [tab, setTab] = useState<"open" | "all" | null>(null); + // Долгов нет — открываем «Все». Иначе водитель с оплаченными штрафами видел + // пустой экран и решал, что приложение их потеряло (Морозов, 18.08.2026). + const active = tab ?? (data && data.open_count > 0 ? "open" : "all"); + const items = (data?.items ?? []).filter((f) => active === "all" || f.settled === "owed"); return (
- {tab === "open" ? "Непогашенных штрафов нет" : "Штрафов не найдено"} + {active === "open" ? "Непогашенных штрафов нет" : "Штрафов не найдено"}
) : (