74 lines
2.7 KiB
TypeScript
74 lines
2.7 KiB
TypeScript
import { describe, expect, it, vi } from "vitest";
|
|
import {
|
|
clearMapFeatureInteractionState,
|
|
isPointOccludedByCityBuilding,
|
|
setMapFeatureInteractionState,
|
|
toMapFeatureReference
|
|
} from "./use-map-interactions";
|
|
import { INTERACTIVE_HIT_LAYER_IDS } from "../map/layers";
|
|
|
|
describe("map feature interaction state", () => {
|
|
const feature = { source: "junctions", sourceLayer: "junctions", id: "junction-7" } as const;
|
|
type CityOcclusionMap = Parameters<typeof isPointOccludedByCityBuilding>[0];
|
|
|
|
it("maps selected business features to promoted vector feature references", () => {
|
|
expect(toMapFeatureReference({ id: "junction-7", layer: "junctions" })).toEqual(feature);
|
|
expect(toMapFeatureReference(null)).toBeNull();
|
|
});
|
|
|
|
it("sets hover and selected through feature-state", () => {
|
|
const map = { setFeatureState: vi.fn(), removeFeatureState: vi.fn() };
|
|
setMapFeatureInteractionState(map, feature, { selected: true, hovered: false });
|
|
expect(map.setFeatureState).toHaveBeenCalledWith(
|
|
{ source: "junctions", sourceLayer: "junctions", id: "junction-7" },
|
|
{ selected: true, hovered: false }
|
|
);
|
|
});
|
|
|
|
it("clears only the requested state key", () => {
|
|
const map = { setFeatureState: vi.fn(), removeFeatureState: vi.fn() };
|
|
clearMapFeatureInteractionState(map, feature, "selected");
|
|
expect(map.removeFeatureState).toHaveBeenCalledWith(
|
|
{ source: "junctions", sourceLayer: "junctions", id: "junction-7" },
|
|
"selected"
|
|
);
|
|
});
|
|
|
|
it("uses transparent hit layers for pointer interactions", () => {
|
|
expect(INTERACTIVE_HIT_LAYER_IDS).toEqual(expect.arrayContaining([
|
|
"pipes-hit",
|
|
"junctions-hit",
|
|
"scada-pressure-hit",
|
|
"scada-flow-hit",
|
|
"water_quality_monitoring_points-hit",
|
|
"fx_20200423_pipes-hit"
|
|
]));
|
|
});
|
|
|
|
it("blocks pointer interactions where a 3D building is rendered", () => {
|
|
const queryRenderedFeatures = vi.fn(() => [{ id: "building-1" }]);
|
|
const map = {
|
|
getLayer: vi.fn(() => ({ id: "fengxian-city-buildings" })),
|
|
getPitch: vi.fn(() => 55),
|
|
queryRenderedFeatures
|
|
};
|
|
|
|
expect(isPointOccludedByCityBuilding(map as unknown as CityOcclusionMap, [120, 80])).toBe(true);
|
|
expect(queryRenderedFeatures).toHaveBeenCalledWith([120, 80], {
|
|
layers: ["fengxian-city-buildings"]
|
|
});
|
|
});
|
|
|
|
it("keeps 2D pointer interactions independent of the optional city scene", () => {
|
|
const queryRenderedFeatures = vi.fn();
|
|
const map = {
|
|
getLayer: vi.fn(() => ({ id: "fengxian-city-buildings" })),
|
|
getPitch: vi.fn(() => 0),
|
|
queryRenderedFeatures
|
|
};
|
|
|
|
expect(isPointOccludedByCityBuilding(map as unknown as CityOcclusionMap, [120, 80])).toBe(false);
|
|
expect(queryRenderedFeatures).not.toHaveBeenCalled();
|
|
});
|
|
});
|