@panoramax/web-viewer 4.4.0-develop-3839b5a4 → 4.4.0-develop-f91f6758

package/tests/utils/MapStyleComposer.test.js

@@ -1,697 +0,0 @@
-import MapStyleComposer from "../../src/utils/MapStyleComposer";
-
-const createParent = () => ({
-	map: {
-		_semMapProtocol: {
-			clearCache: jest.fn(),
-		},
-		setStyle: jest.fn(),
-		getStyle: jest.fn(),
-	},
-});
-
-const getLayersRange = () => ({
-	basemaps: {
-		streets: { sources: { bla: { type: "vector" } }, layers: [{ id: "bla" }] },
-		aerial: { sources: { ign: { type: "raster" } }, layers: [{ id: "ign" }] }
-	},
-	dataUnderlays: {
-		du1: { sources: { du1: { type: "vector" } }, layers: [{ id: "du1" }] },
-		du2: { sources: { du2: { type: "vector" } }, layers: [{ id: "du2" }] },
-	},
-	panoramax: {
-		default: { sources: { geovisio: { type: "vector" } }, layers: [{ id: "geovisio_pictures" }] },
-		metacatalog: { sources: { geovisio_mc: { type: "vector" } }, layers: [{ id: "geovisio_pictures" }] },
-		"1234-5678-9101": { sources: { geovisio_u1: { type: "vector" } }, layers: [{ id: "geovisio_pictures" }] },
-	},
-	dataOverlays: {
-		do1: { sources: { do1: { type: "vector" } }, layers: [{ id: "do1" }] },
-		do2: { sources: { do2: { type: "vector" } }, layers: [{ id: "do2" }] },
-	},
-});
-
-describe("constructor", () => {
-	it("works", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		expect(msc.layerRanges).toMatchSnapshot();
-		expect(msc.basemap).toBeNull();
-		expect(msc.dataUnderlays).toEqual(new Set());
-		expect(msc.panoramax).toBeNull();
-		expect(msc.dataOverlays).toEqual(new Set());
-		expect(msc.panoramaxFilters).toEqual({});
-		expect(msc.panoramaxTheme).toBe("default");
-	});
-});
-
-describe("getMapStyle", () => {
-	it("works with defaults", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		expect(msc.getMapStyle()).toMatchSnapshot();
-	});
-
-	it("works with complete data", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.basemap = "aerial";
-		msc.dataUnderlays = new Set(["du1", "du2"]);
-		msc.panoramax = "metacatalog";
-		msc.dataOverlays = new Set(["do1", "do2"]);
-		msc.detachedSources = { ds1: { type: "vector" } };
-		expect(msc.getMapStyle()).toMatchSnapshot();
-	});
-});
-
-describe("registerSource", () => {
-	it("works with unknown source", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.registerSource("unknownsource", { type: "vector", bla: "bla" });
-		expect(msc.detachedSources.unknownsource).toEqual({ type: "vector", bla: "bla" });
-	});
-
-	it("works with existing source", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.registerSource("do1", msc.layerRanges.dataOverlays.do1.sources.do1);
-		expect(msc.detachedSources).toEqual({});
-	});
-});
-
-describe("registerLayer", () => {
-	it("works for overlays", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges.dataOverlays = {
-			tfsigns: {
-				sources: { tfsigns: { type: "vector" } }
-			}
-		};
-		msc.registerLayer({ id: "tf1", source: "tfsigns" });
-		expect(msc.layerRanges.dataOverlays).toMatchSnapshot();
-	});
-
-	it("works for underlays", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges.dataUnderlays = {
-			tfsigns: {
-				sources: { tfsigns: { type: "vector" } }
-			}
-		};
-		msc.registerLayer({ id: "tf1", source: "tfsigns" }, "toto");
-		expect(msc.layerRanges.dataUnderlays).toMatchSnapshot();
-	});
-
-	it("works for indoor", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges.dataUnderlays = {
-			indoorequal: {
-				sources: { indoorequal: { type: "vector" } }
-			}
-		};
-		msc.registerLayer({ id: "indoor-area", source: "indoorequal" });
-		expect(msc.layerRanges.dataUnderlays).toMatchSnapshot();
-	});
-
-	it("works with detached source", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.detachedSources = { ds1: { type: "vector" } };
-		msc.registerLayer({ id: "somelayer", source: "ds1" });
-		expect(msc.layerRanges.dataOverlays).toMatchSnapshot();
-		expect(msc.detachedSources).toEqual({});
-	});
-});
-
-describe("addBasemap", () => {
-	it("works with obj style", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.switchBasemap = jest.fn();
-		await msc.addBasemap("streets", { sources: { bla: { type: "vector" } }, layers: [{ id: "streets" }] });
-		expect(msc.layerRanges.basemaps).toMatchSnapshot();
-		expect(msc.dispatchEvent.mock.calls).toEqual([[new CustomEvent("basemap-added")]]);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("basemap-added");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ basemap: "streets" });
-		expect(msc.switchBasemap.mock.calls).toEqual([]);
-	});
-
-	it("works with str style", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.switchBasemap = jest.fn();
-		global.fetch = () => Promise.resolve({ json: () => ({ sources: { bla: { type: "vector" } }, layers: [{ id: "streets" }] }) });
-		await msc.addBasemap("streets", "https://panoramax.fr/style.json");
-		expect(msc.layerRanges.basemaps).toMatchSnapshot();
-		expect(msc.dispatchEvent.mock.calls).toEqual([[new CustomEvent("basemap-added")]]);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("basemap-added");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ basemap: "streets" });
-		expect(msc.switchBasemap.mock.calls).toEqual([]);
-	});
-
-	it("switches on basemap", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.switchBasemap = jest.fn();
-		await msc.addBasemap("streets", { sources: { bla: { type: "vector" } }, layers: [{ id: "streets" }] }, true);
-		expect(msc.switchBasemap.mock.calls).toEqual([["streets"]]);
-	});
-});
-
-describe("switchBasemap", () => {
-	it("works", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		expect(msc.basemap).toBeNull();
-
-		await msc.switchBasemap("streets");
-
-		expect(msc.basemap).toBe("streets");
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("basemap-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ basemap: "streets" });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[]]);
-	});
-
-	it("waits for basemap to be ready", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		expect(msc.basemap).toBeNull();
-
-		// Delay basemap availability
-		setTimeout(() => {
-			msc.layerRanges.basemaps.streets = getLayersRange().basemaps.streets;
-		}, 1000);
-
-		await msc.switchBasemap("streets");
-
-		expect(msc.basemap).toBe("streets");
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("basemap-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ basemap: "streets" });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[]]);
-	});
-
-	it("skips if already selected", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		msc.basemap = "streets";
-
-		await msc.switchBasemap("streets");
-
-		expect(msc.basemap).toBe("streets");
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(0);
-		expect(msc.updateMapStyle.mock.calls.length).toEqual(0);
-	});
-});
-
-describe("hasManyBasemaps", () => {
-	it("works with no basemaps", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		expect(msc.hasManyBasemaps()).toBe(false);
-	});
-
-	it("works with single basemap", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges.basemaps = { streets: getLayersRange().basemaps.streets };
-		expect(msc.hasManyBasemaps()).toBe(false);
-	});
-
-	it("works with many basemaps", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		expect(msc.hasManyBasemaps()).toBe(true);
-	});
-});
-
-describe("hasStreetsAerialBasemaps", () => {
-	it("works with no basemaps", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		expect(msc.hasStreetsAerialBasemaps()).toBe(false);
-	});
-
-	it("works with single basemap", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges.basemaps = { streets: getLayersRange().basemaps.streets };
-		expect(msc.hasStreetsAerialBasemaps()).toBe(false);
-	});
-
-	it("works with many basemaps", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		expect(msc.hasStreetsAerialBasemaps()).toBe(true);
-	});
-});
-
-describe("hasComplementaryBasemaps", () => {
-	it("works with no basemaps", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		expect(msc.hasComplementaryBasemaps()).toBe(false);
-	});
-
-	it("works with 1 other basemap", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges.basemaps = { notstreets: getLayersRange().basemaps.streets };
-		expect(msc.hasComplementaryBasemaps()).toBe(true);
-	});
-
-	it("works with main basemaps", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		expect(msc.hasComplementaryBasemaps()).toBe(false);
-	});
-
-	it("works with main basemaps & other", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.layerRanges.basemaps.notstreets = msc.layerRanges.basemaps.streets;
-		expect(msc.hasComplementaryBasemaps()).toBe(true);
-	});
-});
-
-describe("addDataUnderlay", () => {
-	it("works with obj style", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.switchDataUnderlayVisibility = jest.fn();
-		msc.addDataUnderlay("bla", { sources: { bla: { type: "vector" } }, layers: [{ id: "bla" }] });
-		expect(msc.layerRanges.dataUnderlays).toMatchSnapshot();
-		expect(msc.dispatchEvent.mock.calls).toEqual([[new CustomEvent("dataunderlay-added")]]);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("dataunderlay-added");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ dataUnderlay: "bla" });
-		expect(msc.switchDataUnderlayVisibility.mock.calls).toEqual([]);
-	});
-
-	it("switches on", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.switchDataUnderlayVisibility = jest.fn();
-		msc.addDataUnderlay("bla", { sources: { bla: { type: "vector" } }, layers: [{ id: "bla" }] }, true);
-		expect(msc.switchDataUnderlayVisibility.mock.calls).toEqual([["bla", true]]);
-	});
-});
-
-describe("switchDataUnderlayVisibility", () => {
-	it("switches on", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		expect(msc.dataUnderlays.size).toBe(0);
-
-		await msc.switchDataUnderlayVisibility("du1", true);
-
-		expect([...msc.dataUnderlays]).toEqual(["du1"]);
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("dataunderlay-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ dataUnderlay: "du1", visible: true });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[]]);
-	});
-
-	it("waits for layer to be ready", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		expect(msc.dataUnderlays.size).toBe(0);
-
-		// Delay layer availability
-		setTimeout(() => {
-			msc.layerRanges.dataUnderlays.du1 = getLayersRange().dataUnderlays.du1;
-		}, 1000);
-
-		await msc.switchDataUnderlayVisibility("du1", true);
-
-		expect([...msc.dataUnderlays]).toEqual(["du1"]);
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("dataunderlay-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ dataUnderlay: "du1", visible: true });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[]]);
-	});
-
-	it("switches off", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		msc.dataUnderlays = new Set(["du1"]);
-
-		await msc.switchDataUnderlayVisibility("du1", false);
-
-		expect(msc.dataUnderlays.size).toBe(0);
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("dataunderlay-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ dataUnderlay: "du1", visible: false });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[]]);
-	});
-});
-
-describe("addPanoramaxEndpoint", () => {
-	it("works with obj style", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.switchPanoramaxEndpoint = jest.fn();
-		msc.addPanoramaxEndpoint("bla", { sources: { bla: { type: "vector", tiles: ["https://panoramax.fr/x/y/z"] } }, layers: [{ id: "bla" }] });
-		expect(msc.layerRanges.panoramax).toMatchSnapshot();
-		expect(msc.dispatchEvent.mock.calls).toEqual([[new CustomEvent("panoramax-added")]]);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("panoramax-added");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ endpoint: "bla" });
-		expect(msc.switchPanoramaxEndpoint.mock.calls).toEqual([]);
-	});
-
-	it("switches on", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.switchPanoramaxEndpoint = jest.fn();
-		msc.addPanoramaxEndpoint("bla", { sources: { bla: { type: "vector" } }, layers: [{ id: "bla" }] }, true);
-		expect(msc.switchPanoramaxEndpoint.mock.calls).toEqual([["bla"]]);
-	});
-});
-
-describe("switchPanoramaxEndpoint", () => {
-	it("switches on", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		expect(msc.panoramax).toBeNull();
-
-		await msc.switchPanoramaxEndpoint("default");
-
-		expect(msc.panoramax).toEqual("default");
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("panoramax-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ endpoint: "default" });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[true]]);
-	});
-
-	it("waits for layer to be ready", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		expect(msc.panoramax).toBeNull();
-
-		// Delay layer availability
-		setTimeout(() => {
-			msc.layerRanges.panoramax.default = getLayersRange().panoramax.default;
-		}, 1000);
-
-		await msc.switchPanoramaxEndpoint("default");
-
-		expect(msc.panoramax).toEqual("default");
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("panoramax-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ endpoint: "default" });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[true]]);
-	});
-
-	it("skips if already selected", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		msc.panoramax = "default";
-
-		await msc.switchPanoramaxEndpoint("default");
-
-		expect(msc.panoramax).toEqual("default");
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(0);
-		expect(msc.updateMapStyle.mock.calls.length).toEqual(0);
-	});
-});
-
-describe("isPanoramaxEndpointSingleUser", () => {
-	const p = createParent();
-	const msc = new MapStyleComposer(p);
-
-	it("works with null-like", () => {
-		msc.panoramax = null;
-		expect(msc.isPanoramaxEndpointSingleUser()).toBe(false);
-		msc.panoramax = undefined;
-		expect(msc.isPanoramaxEndpointSingleUser()).toBe(false);
-		msc.panoramax = "";
-		expect(msc.isPanoramaxEndpointSingleUser()).toBe(false);
-	});
-
-	it("works with general endpoints", () => {
-		msc.panoramax = "default";
-		expect(msc.isPanoramaxEndpointSingleUser()).toBe(false);
-		msc.panoramax = "metacatalog";
-		expect(msc.isPanoramaxEndpointSingleUser()).toBe(false);
-	});
-
-	it("works with user-specific endpoint", () => {
-		msc.panoramax = "1234-4567-8910-1112";
-		expect(msc.isPanoramaxEndpointSingleUser()).toBe(true);
-		msc.panoramax = "metacatalog_1234-4567-8910-1112";
-		expect(msc.isPanoramaxEndpointSingleUser()).toBe(true);
-	});
-});
-
-describe("setPanoramaxTheme", () => {
-	it("works", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		expect(msc.panoramaxTheme).toBe("default");
-
-		msc.setPanoramaxTheme("age");
-
-		expect(msc.panoramaxTheme).toEqual("age");
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("theme-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ theme: "age" });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[]]);
-	});
-
-	it("skips if already selected", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		expect(msc.panoramaxTheme).toBe("default");
-
-		msc.setPanoramaxTheme("default");
-
-		expect(msc.panoramaxTheme).toEqual("default");
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(0);
-		expect(msc.updateMapStyle.mock.calls.length).toEqual(0);
-	});
-});
-
-describe("setPanoramaxFilters", () => {
-	it("works", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		expect(msc.panoramaxFilters).toEqual({});
-
-		msc.setPanoramaxFilters({ gps: [1] });
-
-		expect(msc.panoramaxFilters).toEqual({ gps: [1] });
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("filters-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ gps: [1] });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[]]);
-	});
-});
-
-describe("addDataOverlay", () => {
-	it("works with obj style", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.switchDataOverlayVisibility = jest.fn();
-		msc.addDataOverlay("bla", { sources: { bla: { type: "vector" } }, layers: [{ id: "bla" }] });
-		expect(msc.layerRanges.dataOverlays).toMatchSnapshot();
-		expect(msc.dispatchEvent.mock.calls).toEqual([[new CustomEvent("dataoverlay-added")]]);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("dataoverlay-added");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ dataOverlay: "bla" });
-		expect(msc.switchDataOverlayVisibility.mock.calls).toEqual([]);
-	});
-
-	it("switches on", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.switchDataOverlayVisibility = jest.fn();
-		msc.addDataOverlay("bla", { sources: { bla: { type: "vector" } }, layers: [{ id: "bla" }] }, true);
-		expect(msc.switchDataOverlayVisibility.mock.calls).toEqual([["bla", true]]);
-	});
-});
-
-describe("switchDataOverlayVisibility", () => {
-	it("switches on", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		expect(msc.dataOverlays.size).toBe(0);
-
-		await msc.switchDataOverlayVisibility("do1", true);
-
-		expect([...msc.dataOverlays]).toEqual(["do1"]);
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("dataoverlay-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ dataOverlay: "do1", visible: true });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[]]);
-	});
-
-	it("waits for layer to be ready", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		expect(msc.dataOverlays.size).toBe(0);
-
-		// Delay layer availability
-		setTimeout(() => {
-			msc.layerRanges.dataOverlays.do1 = getLayersRange().dataOverlays.do1;
-		}, 1000);
-
-		await msc.switchDataOverlayVisibility("do1", true);
-
-		expect([...msc.dataOverlays]).toEqual(["do1"]);
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("dataoverlay-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ dataOverlay: "do1", visible: true });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[]]);
-	});
-
-	it("switches off", async () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.layerRanges = getLayersRange();
-		msc.dispatchEvent = jest.fn();
-		msc.updateMapStyle = jest.fn();
-		msc.dataOverlays = new Set(["do1"]);
-
-		await msc.switchDataOverlayVisibility("do1", false);
-
-		expect(msc.dataOverlays.size).toBe(0);
-		expect(msc.dispatchEvent.mock.calls.length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0].length).toEqual(1);
-		expect(msc.dispatchEvent.mock.calls[0][0].type).toEqual("dataoverlay-changed");
-		expect(msc.dispatchEvent.mock.calls[0][0].detail).toEqual({ dataOverlay: "do1", visible: false });
-		expect(msc.updateMapStyle.mock.calls).toEqual([[]]);
-	});
-});
-
-describe("_createManyBasemaps", () => {
-	it("handles classic style URL", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.addBasemap = jest.fn();
-		const basemaps = { mybasemap: "https://path.to/vector/style.json" };
-		msc._createManyBasemaps(basemaps);
-		expect(msc.addBasemap.mock.calls).toMatchSnapshot();
-	});
-
-	it("handles classic style JSON", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.addBasemap = jest.fn();
-		const basemaps = { mybasemap: {
-			sources: {
-				"raster-tiles": {
-					"type": "raster",
-					"tiles": ["https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png"],
-					"tileSize": 256,
-					"minzoom": 0,
-					"maxzoom": 19,
-				}
-			},
-			"layers": [
-				{
-					"id": "simple-tiles",
-					"type": "raster",
-					"source": "raster-tiles",
-				}
-			]
-		}};
-		msc._createManyBasemaps(basemaps);
-		expect(msc.addBasemap.mock.calls).toMatchSnapshot();
-	});
-
-	it("handles classic TMS shorthand", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.addBasemap = jest.fn();
-		const basemaps = { mybasemap: "https://path.to/tms/{z}/{x}/{y}.png" };
-		msc._createManyBasemaps(basemaps);
-		expect(msc.addBasemap.mock.calls).toMatchSnapshot();
-	});
-
-	it("handles classic TMS shorthand with maxzoom definition", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.addBasemap = jest.fn();
-		const basemaps = { mybasemap: "https://path.to/tms/{z:18}/{x}/{y}.png" };
-		msc._createManyBasemaps(basemaps);
-		expect(msc.addBasemap.mock.calls).toMatchSnapshot();
-	});
-
-	it("handles classic TMS shorthand with OSM attribution", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.addBasemap = jest.fn();
-		const basemaps = { mybasemap: "https://tile.openstreetmap.fr/tms/{z}/{x}/{y}.png" };
-		msc._createManyBasemaps(basemaps);
-		expect(msc.addBasemap.mock.calls).toMatchSnapshot();
-	});
-
-	it("switches on selected background", () => {
-		const p = createParent();
-		const msc = new MapStyleComposer(p);
-		msc.addBasemap = jest.fn();
-		const basemaps = { mybasemap: "https://path.to/vector/style.json" };
-		msc._createManyBasemaps(basemaps, "mybasemap");
-		expect(msc.addBasemap.mock.calls).toMatchSnapshot();
-	});
-});