all good

frontend/src/hooks/useMapData.test.ts

@@ -194,6 +194,82 @@ describe('useMapData', () => {
     expect(result.current.colorRange?.[1]).toBeCloseTo(95);
   });
 
+  it('does not use metadata min/max while slider preview colour data is loading', async () => {
+    const bounds = { south: 1, west: 1, north: 2, east: 2 };
+    const features: FeatureMeta[] = [
+      {
+        name: 'price',
+        type: 'numeric',
+        min: 0,
+        max: 100,
+      },
+    ];
+    const filters = { price: [20, 80] as [number, number] };
+
+    const { result, rerender } = renderHook(
+      ({
+        viewFeature,
+        activeFeature,
+      }: {
+        viewFeature: string | null;
+        activeFeature: string | null;
+      }) =>
+        useMapData({
+          filters,
+          features,
+          viewFeature,
+          activeFeature,
+          pinnedFeature: null,
+          travelTimeEntries: noTravelTimeEntries,
+        }),
+      {
+        initialProps: {
+          viewFeature: null as string | null,
+          activeFeature: null as string | null,
+        },
+      }
+    );
+
+    await act(async () => {
+      result.current.handleViewChange(viewChange(bounds));
+    });
+    await act(async () => {
+      vi.advanceTimersByTime(150);
+    });
+    await act(async () => {
+      requests[0].resolve(
+        response([
+          { h3: 'density-low', count: 1, lat: 1.25, lon: 1.25 },
+          { h3: 'density-high', count: 1, lat: 1.75, lon: 1.75 },
+        ])
+      );
+      await flushPromises();
+    });
+
+    await act(async () => {
+      rerender({
+        viewFeature: 'price',
+        activeFeature: 'price',
+      });
+      await flushPromises();
+    });
+
+    expect(result.current.colorRange).toBeNull();
+
+    await act(async () => {
+      requests[1].resolve(
+        response([
+          { h3: 'preview-low', count: 1, lat: 1.25, lon: 1.25, avg_price: 0 },
+          { h3: 'preview-high', count: 1, lat: 1.75, lon: 1.75, avg_price: 100 },
+        ])
+      );
+      await flushPromises();
+    });
+
+    expect(result.current.colorRange?.[0]).toBeCloseTo(5);
+    expect(result.current.colorRange?.[1]).toBeCloseTo(95);
+  });
+
   it('does not reuse cached drag preview data when the drag request changes', async () => {
     const bounds = { south: 1, west: 1, north: 2, east: 2 };
     const features: FeatureMeta[] = [