trails/apps/planner/app/lib/brouter.test.ts
Ullrich Schäfer b080a15fb1
Add route interactions: click-to-split, drag-to-reshape, colored route rendering
- Enrich BRouter response with per-point 3D coordinates and segment boundary
  tracking (EnrichedRoute interface)
- ColoredRoute component: plain, elevation gradient (green→yellow→red), and
  surface color modes with invisible wide polyline for click targeting
- Click-to-split: click on route polyline inserts waypoint at nearest point,
  mapped to correct segment via boundary indices
- MidpointHandles: draggable CircleMarkers at route segment midpoints for
  reshaping, hidden below zoom 12, opaque on hover
- Color mode toggle (select) synced via Yjs routeData
- i18n keys for color mode labels (en + de)
- Unit tests for segment boundary tracking (13 tests)
- E2E tests for enriched route response and color mode toggle

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-26 21:15:55 +01:00

163 lines
5.8 KiB
TypeScript

import { describe, it, expect } from "vitest";
import { mergeGeoJsonSegments } from "./brouter";
function makeSegment(coords: number[][], length: number, ascend: number) {
return {
type: "FeatureCollection",
features: [{
type: "Feature",
properties: {
"track-length": String(length),
"filtered ascend": String(ascend),
"total-time": "100",
},
geometry: { type: "LineString", coordinates: coords },
}],
};
}
describe("mergeGeoJsonSegments", () => {
it("merges two segments", () => {
const seg1 = makeSegment([[13.0, 52.0, 30], [13.1, 52.1, 40], [13.2, 52.2, 50]], 1000, 10);
const seg2 = makeSegment([[13.2, 52.2, 50], [13.3, 52.3, 60], [13.4, 52.4, 45]], 1500, 20);
const result = mergeGeoJsonSegments([seg1, seg2] as never[]);
expect(result.coordinates).toHaveLength(5);
expect(result.coordinates[0]).toEqual([13.0, 52.0, 30]);
expect(result.coordinates[2]).toEqual([13.2, 52.2, 50]);
expect(result.coordinates[4]).toEqual([13.4, 52.4, 45]);
});
it("skips duplicate point at segment boundaries", () => {
const seg1 = makeSegment([[1, 1, 0], [2, 2, 0]], 100, 0);
const seg2 = makeSegment([[2, 2, 0], [3, 3, 0]], 100, 0);
const seg3 = makeSegment([[3, 3, 0], [4, 4, 0]], 100, 0);
const result = mergeGeoJsonSegments([seg1, seg2, seg3] as never[]);
expect(result.coordinates).toHaveLength(4);
});
it("accumulates stats across segments", () => {
const seg1 = makeSegment([[1, 1, 0], [2, 2, 0]], 1000, 50);
const seg2 = makeSegment([[2, 2, 0], [3, 3, 0]], 2000, 30);
const result = mergeGeoJsonSegments([seg1, seg2] as never[]);
expect(result.totalLength).toBe(3000);
expect(result.totalAscend).toBe(80);
});
it("handles single segment", () => {
const seg = makeSegment([[1, 1, 10], [2, 2, 20], [3, 3, 30]], 500, 10);
const result = mergeGeoJsonSegments([seg] as never[]);
expect(result.coordinates).toHaveLength(3);
expect(result.totalLength).toBe(500);
});
it("handles empty segment gracefully", () => {
const seg1 = makeSegment([[1, 1, 0], [2, 2, 0]], 100, 0);
const empty = { type: "FeatureCollection", features: [] };
const result = mergeGeoJsonSegments([seg1, empty] as never[]);
expect(result.coordinates).toHaveLength(2);
});
it("preserves 3D coordinates (elevation)", () => {
const seg = makeSegment([[13.4, 52.5, 34], [13.38, 52.51, 40]], 500, 6);
const result = mergeGeoJsonSegments([seg] as never[]);
expect(result.coordinates[0]![2]).toBe(34);
expect(result.coordinates[1]![2]).toBe(40);
});
it("defaults missing elevation to 0", () => {
const seg = makeSegment([[13.4, 52.5], [13.38, 52.51]], 500, 0);
const result = mergeGeoJsonSegments([seg] as never[]);
expect(result.coordinates[0]![2]).toBe(0);
expect(result.coordinates[1]![2]).toBe(0);
});
// Segment boundary tests
it("tracks segment boundaries with 1 segment", () => {
const seg = makeSegment([[0, 0, 0], [1, 1, 10], [2, 2, 20]], 100, 20);
const result = mergeGeoJsonSegments([seg] as never[]);
expect(result.segmentBoundaries).toEqual([0]);
});
it("tracks segment boundaries with 2 segments", () => {
const seg1 = makeSegment([[0, 0, 0], [1, 1, 10], [2, 2, 20]], 100, 20);
const seg2 = makeSegment([[2, 2, 20], [3, 3, 30], [4, 4, 40]], 100, 20);
const result = mergeGeoJsonSegments([seg1, seg2] as never[]);
expect(result.segmentBoundaries).toEqual([0, 3]);
expect(result.coordinates).toHaveLength(5);
});
it("tracks segment boundaries with 4 segments (5 waypoints)", () => {
const segments = [
makeSegment([[0, 0, 0], [1, 1, 10]], 100, 10),
makeSegment([[1, 1, 10], [2, 2, 20]], 100, 10),
makeSegment([[2, 2, 20], [3, 3, 30]], 100, 10),
makeSegment([[3, 3, 30], [4, 4, 40]], 100, 10),
];
const result = mergeGeoJsonSegments(segments as never[]);
expect(result.segmentBoundaries).toEqual([0, 2, 3, 4]);
expect(result.coordinates).toHaveLength(5);
expect(result.totalLength).toBe(400);
});
it("segment boundaries allow mapping point index to waypoint segment", () => {
const seg1 = makeSegment([[0, 0, 0], [0.5, 0.5, 5], [1, 1, 10]], 100, 10);
const seg2 = makeSegment([[1, 1, 10], [1.5, 1.5, 15], [2, 2, 20]], 100, 10);
const result = mergeGeoJsonSegments([seg1, seg2] as never[]);
// boundaries: [0, 3] — segment 0 is coords 0-2, segment 1 is coords 3-4
function findSegment(pointIndex: number): number {
const bounds = result.segmentBoundaries;
for (let i = bounds.length - 1; i >= 0; i--) {
if (pointIndex >= bounds[i]!) return i;
}
return 0;
}
expect(findSegment(0)).toBe(0); // first point → segment 0
expect(findSegment(1)).toBe(0); // mid of segment 0
expect(findSegment(2)).toBe(0); // last point of segment 0
expect(findSegment(3)).toBe(1); // first point of segment 1
expect(findSegment(4)).toBe(1); // last point
});
it("geojson field is backwards compatible", () => {
const seg = makeSegment([[13.0, 52.0, 30], [13.1, 52.1, 40]], 500, 10);
const result = mergeGeoJsonSegments([seg] as never[]);
expect(result.geojson.type).toBe("FeatureCollection");
expect(result.geojson.features).toHaveLength(1);
expect(result.geojson.features[0]!.geometry.type).toBe("LineString");
expect(result.geojson.features[0]!.properties["track-length"]).toBe("500");
});
});
describe("waypoint to BRouter segments", () => {
it("splits N waypoints into N-1 pairs", () => {
const waypoints = [
{ lat: 52.0, lon: 13.0 },
{ lat: 52.1, lon: 13.1 },
{ lat: 52.2, lon: 13.2 },
{ lat: 52.3, lon: 13.3 },
];
const pairs: Array<[typeof waypoints[0], typeof waypoints[0]]> = [];
for (let i = 0; i < waypoints.length - 1; i++) {
pairs.push([waypoints[i]!, waypoints[i + 1]!]);
}
expect(pairs).toHaveLength(3);
});
});