fix(web): preserve route state and cancel stale reads

vehicle-data-platform/apps/web/src/v2/pages/AlertsPage.test.tsx

@@ -0,0 +1,37 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { cleanup, fireEvent, render, screen } from '@testing-library/react';
+import { afterEach, expect, test, vi } from 'vitest';
+import { MemoryRouter } from 'react-router-dom';
+import AlertsPage from './AlertsPage';
+import { ROUTER_FUTURE } from '../routing/routerConfig';
+
+const mocks = vi.hoisted(() => ({
+  alertSummaryV2: vi.fn(), alertEventsV2: vi.fn(), alertEventV2: vi.fn(), actOnAlertV2: vi.fn(),
+  alertRulesV2: vi.fn(), metricCatalog: vi.fn(), alertNotificationsV2: vi.fn(), readAlertNotificationsV2: vi.fn(),
+  saveAlertRuleV2: vi.fn(), setAlertRuleEnabledV2: vi.fn()
+}));
+vi.mock('../../api/client', () => ({ api: mocks }));
+vi.mock('../auth/AuthGate', () => ({ usePlatformSession: () => ({ session: { role: 'admin' } }) }));
+
+afterEach(() => {
+  cleanup();
+  Object.values(mocks).forEach((mock) => mock.mockReset());
+});
+
+test('preserves an unsubmitted event filter draft across alert tab URL changes', async () => {
+  mocks.alertSummaryV2.mockResolvedValue({ active: 0, unprocessed: 0, processing: 0, recovered: 0, closed: 0, ignored: 0, unreadNotifications: 0, asOf: '' });
+  mocks.alertEventsV2.mockResolvedValue({ items: [], total: 0, limit: 20, offset: 0 });
+  mocks.alertRulesV2.mockResolvedValue([]);
+  mocks.metricCatalog.mockResolvedValue({ metrics: [], asOf: '' });
+  mocks.alertNotificationsV2.mockResolvedValue({ items: [], total: 0, limit: 100, offset: 0 });
+  const client = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  render(<QueryClientProvider client={client}><MemoryRouter future={ROUTER_FUTURE} initialEntries={['/alerts']}><AlertsPage /></MemoryRouter></QueryClientProvider>);
+
+  const keyword = await screen.findByPlaceholderText('车牌 / VIN / 规则名称');
+  fireEvent.change(keyword, { target: { value: '保留筛选草稿' } });
+  fireEvent.click(screen.getByRole('button', { name: /站内通知/ }));
+  expect(await screen.findByText('仅站内通道具备真实送达与已读状态')).toBeInTheDocument();
+  fireEvent.click(screen.getByRole('button', { name: /告警事件/ }));
+
+  expect(await screen.findByPlaceholderText('车牌 / VIN / 规则名称')).toHaveValue('保留筛选草稿');
+});