34529a9432
ElevationChart (1013 lines) split into: - elevation-chart-draw.ts — pure drawElevationChart(ctx, w, h, params) function - use-elevation-data.ts — useElevationData(routeData) hook - ElevationChart.tsx — ~300 lines, interaction + render only PlannerMap (869 lines) split into: - MapHelpers.tsx — 7 Leaflet sub-components (MapExposer, RouteFitter, MapClickHandler, CursorTracker, NoGoAreaButton, OverlaySync, PoiRefresher) - use-waypoint-manager.ts — all waypoint CRUD + route data sync - use-gpx-drop.ts — GPX drag-and-drop hook - PlannerMap.tsx — ~200 lines, orchestration only Add Vitest browser visual regression tests for drawElevationChart via @vitest/browser + Playwright (toMatchScreenshot). Tests cover plain, grade, elevation, surface color modes plus hover and drag-select states. Add update-visual-snapshots.yml workflow: triggered by workflow_dispatch or the `update-snapshots` PR label; commits snapshots back to the branch. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
20 lines
596 B
TypeScript
20 lines
596 B
TypeScript
import { defineConfig, mergeConfig } from "vitest/config";
|
|
import shared from "../../vitest.shared.ts";
|
|
import { resolve } from "node:path";
|
|
|
|
// Mirror the `~` alias that React Router's runtime provides so test
|
|
// files can resolve `~/lib/...` the same way the route modules do.
|
|
export default mergeConfig(
|
|
shared,
|
|
defineConfig({
|
|
resolve: {
|
|
alias: {
|
|
"~": resolve(import.meta.dirname, "app"),
|
|
},
|
|
},
|
|
test: {
|
|
// Exclude browser visual regression tests — they run via vitest.browser.config.ts
|
|
exclude: ["**/*.browser.test.{ts,tsx}"],
|
|
},
|
|
}),
|
|
);
|