@panoramax/web-viewer 3.2.3 → 4.0.0-develop-9f9cf858

package/tests/components/ui/__snapshots__/Popup.test.js.snap

@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`close works 1`] = `
+Array [
+  Array [
+    Event {
+      "isTrusted": false,
+    },
+  ],
+]
+`;
+
+exports[`constructor works 1`] = `
+Array [
+  Array [
+    "click",
+    [Function],
+  ],
+]
+`;
+
+exports[`constructor works 2`] = `
+Array [
+  Array [
+    "keyup",
+    [Function],
+  ],
+]
+`;

package/tests/components/ui/__snapshots__/QualityScore.test.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`_onInput works 1`] = `
+Array [
+  Array [
+    CustomEvent {
+      "isTrusted": false,
+    },
+  ],
+]
+`;

package/tests/components/ui/__snapshots__/SearchBar.test.js.snap

@@ -0,0 +1,65 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`_onIconClick resets on clear 1`] = `
+Array [
+  Array [],
+]
+`;
+
+exports[`_onIconClick resets on error 1`] = `
+Array [
+  Array [],
+]
+`;
+
+exports[`_onResultClick resets on null value 1`] = `
+Array [
+  Array [
+    CustomEvent {
+      "isTrusted": false,
+    },
+  ],
+]
+`;
+
+exports[`_onResultClick works on classic 1`] = `
+Array [
+  Array [
+    CustomEvent {
+      "isTrusted": false,
+    },
+  ],
+]
+`;
+
+exports[`_onResultClick works on reduced 1`] = `
+Array [
+  Array [
+    CustomEvent {
+      "isTrusted": false,
+    },
+  ],
+]
+`;
+
+exports[`_search skips if no searcher fct 1`] = `
+Array [
+  Array [
+    "No search handler defined",
+  ],
+]
+`;
+
+exports[`_search skips if value is empty 1`] = `
+Array [
+  Array [],
+]
+`;
+
+exports[`reset works 1`] = `
+Array [
+  Array [
+    null,
+  ],
+]
+`;

package/tests/utils/API.test.js

@@ -1,9 +1,7 @@
 import API from "../../src/utils/API";
 
-jest.mock("maplibre-gl", () => ({
-	addProtocol: jest.fn(),
-}));
 global.AbortSignal = { timeout: jest.fn() };
+global.console = { log: jest.fn(), info: jest.fn(), warn: jest.fn(), error: jest.fn() };
 
 const ENDPOINT = "https://panoramax.ign.fr/api";
 const VALID_LANDING = {
@@ -36,30 +34,28 @@ const LANDING_NO_PREVIEW = {
 
 describe("constructor", () => {
 	// Mock landing fetch
-	global.fetch = jest.fn(() => Promise.resolve({
-		json: () => Promise.resolve(VALID_LANDING)
-	}));
+	global.fetch = () => Promise.resolve({
+		json: () => new Promise(resolve => setTimeout(() => resolve(VALID_LANDING), 50))
+	});
 
 	it("works with valid endpoint", () => {
-		const api = new API(ENDPOINT, { skipReadLanding: true });
+		const api = new API(ENDPOINT);
 		expect(api._endpoint).toBe(ENDPOINT);
 	});
 
 	it("works with relative path", () => {
-		const api = new API("/api", { skipReadLanding: true });
+		const api = new API("/api");
 		expect(api._endpoint).toBe("http://localhost/api");
 	});
 
 	it("handles tiles overrides", () => {
-		// Mock landing fetch
-		global.fetch = jest.fn(() => Promise.resolve({
-			json: () => Promise.resolve(VALID_LANDING)
-		}));
-
+		const listener = jest.fn();
 		const api = new API(ENDPOINT, { tiles: "https://my.custom.tiles/" });
+		api.addEventListener("ready", listener);
 		return api.onceReady().then(() => {
 			expect(api._endpoint).toBe(ENDPOINT);
 			expect(api._endpoints.tiles).toBe("https://my.custom.tiles/");
+			expect(listener).toHaveBeenCalled();
 		});
 	});
 
@@ -71,8 +67,23 @@ describe("constructor", () => {
 		expect(() => new API()).toThrow("endpoint parameter is empty or not a valid string");
 	});
 
+	it("fails on fetch failure", async () => {
+		// Mock landing fetch
+		global.fetch = () => Promise.resolve({
+			json: () => new Promise((resolve, reject) => setTimeout(() => reject(new Error("brok")), 50))
+		});
+		
+		const listener = jest.fn();
+		const api = new API(ENDPOINT);
+		api.addEventListener("broken", listener);
+		return api.onceReady().catch(e => {
+			expect(e).toEqual("Viewer failed to communicate with API");
+			expect(listener.mock.calls).toMatchSnapshot();
+		});
+	});
+
 	it("accepts fetch options", () => {
-		const api = new API("/api", { skipReadLanding: true, fetch: { bla: "bla" } });
+		const api = new API("/api", { fetch: { bla: "bla" } });
 		expect(api._getFetchOptions()).toEqual({ bla: "bla" });
 	});
 });
@@ -96,7 +107,6 @@ describe("onceReady", () => {
 	it("handles API failures", async () => {
 		// Mock landing fetch
 		fetch.mockRejectedValueOnce();
-		global.console = { error: jest.fn() };
 
 		const api = new API(ENDPOINT);
 		await expect(api.onceReady()).rejects.toBe("Viewer failed to communicate with API");
@@ -107,8 +117,6 @@ describe("onceReady", () => {
 });
 
 describe("isReady", () => {
-	global.console = { warn: jest.fn(), error: jest.fn() };
-
 	// Randomly fails for no reason
 	it.skip("works if API is ready", async () => {
 		// Mock landing fetch
@@ -136,7 +144,6 @@ describe("isReady", () => {
 
 describe("_parseLanding", () => {
 	it("handles overrides for tiles URL", () => {
-		global.console = { warn: jest.fn() };
 		const api = new API (ENDPOINT, { skipReadLanding: true });
 		api._parseLanding(VALID_LANDING, { tiles: "https://my.custom.tiles/" });
 		expect(api._endpoints.tiles).toBe("https://my.custom.tiles/");
@@ -203,7 +210,6 @@ describe("_loadMapStyles", () => {
 	it("works if no background style set", async() => {
 		const api = new API(ENDPOINT, { skipReadLanding: true });
 		api._parseLanding(VALID_LANDING);
-		global.console = { warn: jest.fn(), log: jest.fn(), error: jest.fn() };
 		await api._loadMapStyles();
 		expect(api.mapStyle).toMatchSnapshot();
 	});
@@ -211,7 +217,6 @@ describe("_loadMapStyles", () => {
 	it("loads background style from string", async () => {
 		const api = new API(ENDPOINT, { skipReadLanding: true });
 		api._parseLanding(LANDING_NO_PREVIEW);
-		global.console = { warn: jest.fn(), log: jest.fn(), error: jest.fn() };
 		global.fetch = () => Promise.resolve({ json: () => ({
 			name: "Provider",
 			sources: { provider: {} },
@@ -224,7 +229,6 @@ describe("_loadMapStyles", () => {
 	it("loads background style from json", async () => {
 		const api = new API(ENDPOINT, { skipReadLanding: true });
 		api._parseLanding(LANDING_NO_PREVIEW);
-		global.console = { warn: jest.fn(), log: jest.fn(), error: jest.fn() };
 		await api._loadMapStyles({
 			name: "Provider",
 			sources: { provider: {} },
@@ -236,7 +240,6 @@ describe("_loadMapStyles", () => {
 	it("handles default user", async () => {
 		const api = new API(ENDPOINT, { skipReadLanding: true });
 		api._parseLanding(VALID_LANDING);
-		global.console = { warn: jest.fn(), log: jest.fn(), error: jest.fn() };
 		await api._loadMapStyles(undefined, ["geovisio"]);
 		expect(api.mapStyle).toMatchSnapshot();
 	});
@@ -260,7 +263,6 @@ describe("_loadMapStyles", () => {
 				}
 			}
 		});
-		global.console = { warn: jest.fn(), log: jest.fn(), error: jest.fn() };
 		global.fetch = (url) => {
 			if(url.includes("/users") && url.includes("style.json")) {
 				let user = null;
@@ -415,7 +417,6 @@ describe("getMapStyle", () => {
 	it("fallbacks to /map route if any", async () => {
 		const api = new API(ENDPOINT, { skipReadLanding: true });
 		api._parseLanding(LANDING_NO_PREVIEW);
-		global.console = { warn: jest.fn(), log: jest.fn(), error: jest.fn() };
 		global.fetch = jest.fn(() => Promise.resolve());
 		const res = await api.getMapStyle();
 		expect(res).toStrictEqual({
@@ -434,7 +435,6 @@ describe("getMapStyle", () => {
 	it("fails if no fallback /map route", async () => {
 		const api = new API(ENDPOINT, { skipReadLanding: true });
 		api._parseLanding(LANDING_NO_PREVIEW);
-		global.console = { warn: jest.fn(), log: jest.fn(), error: jest.fn() };
 		global.fetch = jest.fn(() => Promise.reject());
 		await expect(async () => await api.getMapStyle()).rejects.toEqual(new Error("API doesn't offer a vector tiles endpoint"));
 	});
@@ -806,84 +806,84 @@ describe("sendReport", () => {
 	});
 
 	it("throws an error if API is not ready", () => {
-        api.isReady = () => false;
-        expect(() => api.sendReport({})).toThrow("API is not ready to use");
-    });
-
-    it("throws an error if report endpoint is not available", () => {
-        api._endpoints.report = null;
-        expect(() => api.sendReport({})).toThrow("Report sending is not available");
-    });
-
-    it("sends a report successfully", async () => {
-        // Mock fetch response
-        const mockResponse = {
-            status: 200,
-            json: jest.fn().mockResolvedValue({ id: "bla" })
-        };
-        global.fetch = jest.fn().mockResolvedValue(mockResponse);
-
-        const data = {
+		api.isReady = () => false;
+		expect(() => api.sendReport({})).toThrow("API is not ready to use");
+	});
+
+	it("throws an error if report endpoint is not available", () => {
+		api._endpoints.report = null;
+		expect(() => api.sendReport({})).toThrow("Report sending is not available");
+	});
+
+	it("sends a report successfully", async () => {
+		// Mock fetch response
+		const mockResponse = {
+			status: 200,
+			json: jest.fn().mockResolvedValue({ id: "bla" })
+		};
+		global.fetch = jest.fn().mockResolvedValue(mockResponse);
+
+		const data = {
 			issue: "blur_missing",
 			picture_id: "bla1",
 			sequence_id: "bla2",
 		};
 
-        const response = await api.sendReport(data);
+		const response = await api.sendReport(data);
         
-        expect(fetch).toHaveBeenCalledWith(ENDPOINT+"/reports", {
-            method: "POST",
-            body: JSON.stringify(data),
-            headers: { "Content-Type": "application/json" }
-        });
-        expect(response).toEqual({ id: "bla" });
-    });
-
-    it("handles API errors and rejects with message", async () => {
-        // Mock fetch response with an error
-        const mockResponse = {
-            status: 400,
-            text: jest.fn().mockResolvedValue(JSON.stringify({ message: "Error occurred" }))
-        };
-        global.fetch = jest.fn().mockResolvedValue(mockResponse);
-
-        const data = {
+		expect(fetch).toHaveBeenCalledWith(ENDPOINT+"/reports", {
+			method: "POST",
+			body: JSON.stringify(data),
+			headers: { "Content-Type": "application/json" }
+		});
+		expect(response).toEqual({ id: "bla" });
+	});
+
+	it("handles API errors and rejects with message", async () => {
+		// Mock fetch response with an error
+		const mockResponse = {
+			status: 400,
+			text: jest.fn().mockResolvedValue(JSON.stringify({ message: "Error occurred" }))
+		};
+		global.fetch = jest.fn().mockResolvedValue(mockResponse);
+
+		const data = {
 			issue: "blur_missing",
 			picture_id: "bla1",
 			sequence_id: "bla2",
 		};
 
-        await expect(api.sendReport(data)).rejects.toEqual("Error occurred");
+		await expect(api.sendReport(data)).rejects.toEqual("Error occurred");
 
-        expect(fetch).toHaveBeenCalledWith(ENDPOINT+"/reports", {
-            method: "POST",
-            body: JSON.stringify(data),
-            headers: { "Content-Type": "application/json" }
-        });
-    });
+		expect(fetch).toHaveBeenCalledWith(ENDPOINT+"/reports", {
+			method: "POST",
+			body: JSON.stringify(data),
+			headers: { "Content-Type": "application/json" }
+		});
+	});
 
-    it("handles API errors and rejects with text if no message in JSON", async () => {
-        // Mock fetch response with an error and no "message" key
-        const mockResponse = {
-            status: 400,
-            text: jest.fn().mockResolvedValue("Some error text")
-        };
-        global.fetch = jest.fn().mockResolvedValue(mockResponse);
+	it("handles API errors and rejects with text if no message in JSON", async () => {
+		// Mock fetch response with an error and no "message" key
+		const mockResponse = {
+			status: 400,
+			text: jest.fn().mockResolvedValue("Some error text")
+		};
+		global.fetch = jest.fn().mockResolvedValue(mockResponse);
 
-        const data = {
+		const data = {
 			issue: "blur_missing",
 			picture_id: "bla1",
 			sequence_id: "bla2",
 		};
 
-        await expect(api.sendReport(data)).rejects.toEqual("Some error text");
+		await expect(api.sendReport(data)).rejects.toEqual("Some error text");
 
-        expect(fetch).toHaveBeenCalledWith(ENDPOINT+"/reports", {
-            method: "POST",
-            body: JSON.stringify(data),
-            headers: { "Content-Type": "application/json" }
-        });
-    });
+		expect(fetch).toHaveBeenCalledWith(ENDPOINT+"/reports", {
+			method: "POST",
+			body: JSON.stringify(data),
+			headers: { "Content-Type": "application/json" }
+		});
+	});
 });
 
 describe("isValidHttpUrl", () => {