lingniu-vehicle-ingest/vehicle-data-platform/apps/web/src/v2/routing/monitorContext.test.ts

import { expect, test } from 'vitest';
import {
  buildMonitorPath,
  monitorReturnFromParams,
  parseMonitorRouteContext,
  preserveMonitorReturn,
  validatedMonitorReturn,
  withMonitorReturn
} from './monitorContext';

test('round trips the selected vehicle, filters, panel state, pagination and map viewport', () => {
  const path = buildMonitorPath({
    mode: 'list',
    keyword: '粤A12345',
    protocol: 'JT808',
    status: 'online',
    selectedVin: 'LTEST000000000001',
    detailOpen: false,
    viewport: { zoom: 13.25, bounds: '113.100000,23.000000,113.400000,23.300000' },
    listOffset: 100,
    listLimit: 100
  });
  const parsed = parseMonitorRouteContext(new URL(path, 'https://vehicle-platform.invalid').searchParams);

  expect(parsed).toMatchObject({
    mode: 'list',
    keyword: '粤A12345',
    protocol: 'JT808',
    status: 'online',
    selectedVin: 'LTEST000000000001',
    detailOpen: false,
    viewport: { zoom: 13.25, bounds: '113.100000,23.000000,113.400000,23.300000' },
    listOffset: 100,
    listLimit: 100,
    hasViewport: true
  });
});

test('carries only an internal monitor return and preserves it through child query changes', () => {
  const monitor = '/monitor?selectedVin=LTEST000000000001&detail=open&zoom=15&bounds=113.1%2C23%2C113.4%2C23.3';
  const child = withMonitorReturn('/tracks?vin=LTEST000000000001', monitor);
  const childParams = new URL(child, 'https://vehicle-platform.invalid').searchParams;
  const monitorReturn = monitorReturnFromParams(childParams);
  const changed = preserveMonitorReturn(new URLSearchParams({ keyword: 'LTEST000000000001', protocol: 'JT808' }), monitorReturn);

  expect(monitorReturn).toContain('/monitor?');
  expect(changed.get('monitorReturn')).toBe(monitorReturn);
  expect(validatedMonitorReturn('https://attacker.invalid/monitor?selectedVin=SECRET')).toBe('');
  expect(validatedMonitorReturn('/vehicles/LTEST')).toBe('');
});

test('rejects malformed viewport input instead of restoring unsafe map state', () => {
  const context = parseMonitorRouteContext('?zoom=999&bounds=120,20,110,10&listOffset=-1&listLimit=500');
  expect(context.viewport).toEqual({ zoom: 5, bounds: '' });
  expect(context.listOffset).toBe(0);
  expect(context.listLimit).toBe(50);
});

test('preserves energy sorting across reloads and monitor return links', () => {
  const path = '/monitor?mode=list&listSort=hydrogenPressureMpa&listSortOrder=desc&listOffset=50';
  const canonical = validatedMonitorReturn(path);
  expect(parseMonitorRouteContext(canonical.split('?')[1])).toMatchObject({ listSort: 'hydrogenPressureMpa', listSortOrder: 'desc', listOffset: 50 });
  expect(withMonitorReturn('/tracks', canonical)).toContain('listSort%3DhydrogenPressureMpa');
  expect(parseMonitorRouteContext('?listSort=anything&listSortOrder=anything')).toMatchObject({ listSort: 'hydrogenPressureMpa', listSortOrder: 'asc' });
});


test('defaults fresh monitor URLs to pressure ascending and keeps explicit choices', () => {
 expect(validatedMonitorReturn('/monitor?mode=list&zoom=5')).toBe('/monitor?mode=list&zoom=5');
 expect(validatedMonitorReturn('/monitor?mode=list&zoom=5&listSort=hydrogenPressureMpa&listSortOrder=asc')).toBe('/monitor?mode=list&zoom=5&listSort=hydrogenPressureMpa&listSortOrder=asc');
 expect(parseMonitorRouteContext('?mode=list')).toMatchObject({ listSort: 'hydrogenPressureMpa', listSortOrder: 'asc' });
 for (const field of ['todayMileageKm', 'totalMileageKm', 'socPercent', 'identity']) {
  const path = validatedMonitorReturn(`/monitor?mode=list&listSort=${field}&listSortOrder=desc`);
  expect(parseMonitorRouteContext(path.split('?')[1])).toMatchObject({ listSort: field, listSortOrder: 'desc' });
 }
 expect(parseMonitorRouteContext('?listSort=hydrogenMassKg')).toMatchObject({ listSort: 'hydrogenPressureMpa', listSortOrder: 'asc' });
});

test.each(['speedKmh', 'lastSeen'] as const)('preserves %s sort in navigation and return links', (listSort) => {
  const path = buildMonitorPath(parseMonitorRouteContext(`?mode=list&listSort=${listSort}&listSortOrder=desc`));
  expect(path).toContain(`listSort=${listSort}&listSortOrder=desc`);
  expect(validatedMonitorReturn(path)).toBe(path);
});