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

package/tests/components/ui/Photo.test.js

@@ -1,437 +0,0 @@
-import Photo from "../../../src/components/ui/Photo";
-import fs from "fs";
-import path from "path";
-
-const createParent = () => {
-	const p = {
-		addEventListener: jest.fn(),
-		dispatchEvent: jest.fn(),
-		isWidthSmall: jest.fn(),
-		select: jest.fn(),
-		_t: { pnx: {} },
-		api: {
-			_getFetchOptions: jest.fn(),
-			_getPSVWithCredentials: () => false,
-			getPictureMetadataUrl: (picId, seqId) => `https://geovisio.fr/api/collections/${seqId}/items/${picId}`,
-			cleanResourceURL: u => u,
-		},
-	};
-
-	p.getAPI = () => p.api;
-
-	return p;
-};
-
-
-describe("constructor", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		expect(c.className).toBe("pnx-psv");
-	});
-});
-
-describe("_getNodeFromAPI", () => {
-	beforeEach(() => {
-		jest.clearAllMocks();
-	});
-
-	it("works", async () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		global.fetch = jest.fn(() =>
-			Promise.resolve({
-				ok: true,
-				json: () => Promise.resolve(JSON.parse(fs.readFileSync(path.join(__dirname, "..", "..", "data", "Viewer_pictures_1.json")))),
-			})
-		);
-		global.Date = jest.fn(() => ({ toLocaleDateString: () => "June 3 2022" }));
-		const res = await ph._getNodeFromAPI("id");
-		expect(res).toMatchSnapshot();
-	});
-
-	it("works with nav filter", async () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		p._picturesNavFilter = () => false;
-		global.fetch = jest.fn(() =>
-			Promise.resolve({
-				ok: true,
-				json: () => Promise.resolve(JSON.parse(fs.readFileSync(path.join(__dirname, "..", "..", "data", "Viewer_pictures_1.json")))),
-			})
-		);
-		global.Date = jest.fn(() => ({ toLocaleDateString: () => "June 3 2022" }));
-		const res = await ph._getNodeFromAPI("id");
-		expect(res).toMatchSnapshot();
-	});
-});
-
-describe("getPictureMetadata", () => {
-	it("works when pic is selected", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph._myVTour.state.currentNode = { id: "1234", bla: "bla" };
-		expect(ph.getPictureMetadata()).toStrictEqual({ id: "1234", bla: "bla" });
-	});
-
-	it("nulls when no pic is selected", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		expect(ph.getPictureMetadata()).toBeNull();
-	});
-});
-
-describe("_onSelect", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph._myVTour = { setCurrentNode: jest.fn(() => Promise.resolve()), getCurrentNode: jest.fn() };
-		ph._onSelect({ detail: { picId: "id" } });
-		expect(ph._myVTour.setCurrentNode.mock.calls).toEqual([["id"]]);
-	});
-
-	it("works on pic ID already used", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph._myVTour = { setCurrentNode: jest.fn(() => Promise.resolve()), getCurrentNode: () => "id" };
-		ph._onSelect({ detail: { picId: "id" } });
-		expect(ph._myVTour.setCurrentNode.mock.calls).toEqual([["id"]]);
-	});
-});
-
-describe("goToNextPicture", () => {
-	it("fails if no current picture", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph._myVTour = { state: { currentNode: undefined } };
-		expect(() => ph.goToNextPicture()).toThrow(new Error("No picture currently selected"));
-	});
-
-	it("works if next pic exists", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph._myVTour = { state: { currentNode: { id: "bla", sequence: { id: "seq", nextPic: "idnext" } } } };
-		ph.goToNextPicture();
-		expect(p.select.mock.calls).toEqual([["seq", "idnext"]]);
-	});
-
-	it("fails if no next picture", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph._myVTour = { state: { currentNode: { id: "bla", sequence: {} } } };
-		expect(() => ph.goToNextPicture()).toThrow(new Error("No next picture available"));
-	});
-});
-
-describe("goToPrevPicture", () => {
-	it("fails if no current picture", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph._myVTour = { state: { currentNode: undefined } };
-		expect(() => ph.goToPrevPicture()).toThrow(new Error("No picture currently selected"));
-	});
-
-	it("works if next pic exists", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph._myVTour = { state: { currentNode: { id: "bla", sequence: { id: "seq", prevPic: "idprev" } } } };
-		ph.goToPrevPicture();
-		expect(p.select.mock.calls).toEqual([["seq", "idprev"]]);
-	});
-
-	it("fails if no next picture", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph._myVTour = { state: { currentNode: { id: "bla", sequence: {} } } };
-		expect(() => ph.goToPrevPicture()).toThrow(new Error("No previous picture available"));
-	});
-});
-
-describe("goToPosition", () => {
-	it("works", async () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		p.api = {
-			getPicturesAroundCoordinates: () => Promise.resolve(JSON.parse(fs.readFileSync(path.join(__dirname, "..", "..", "data", "Viewer_pictures_1.json")))),
-			_getFetchOptions: jest.fn()
-		};
-
-		const res = await ph.goToPosition(48.7, -1.8);
-
-		expect(res).toEqual("0005086d-65eb-4a90-9764-86b3661aaa77");
-		expect(p.select.mock.calls).toEqual([["bb129602-5ac1-4512-bf67-9ec1fa23033f", "0005086d-65eb-4a90-9764-86b3661aaa77"]]);
-	});
-
-	it("handles empty result from API", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		p.api = {
-			getPicturesAroundCoordinates: () => Promise.resolve({ "features": [] }),
-			_getFetchOptions: jest.fn()
-		};
-		return expect(ph.goToPosition()).rejects.toStrictEqual(new Error("No picture found nearby given coordinates"));
-	});
-});
-
-describe("getXY", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph.getPosition = () => ({ yaw: 0.7853981634, pitch: -1.2217304764 });
-		expect(ph.getXY()).toEqual({ x: 45.0000000001462, y: -70.00000000022743 });
-	});
-});
-
-describe("getXYZ", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph.getPosition = () => ({ yaw: 0.7853981634, pitch: -1.2217304764 });
-		ph.getZoomLevel = () => 15;
-		expect(ph.getXYZ()).toEqual({ x: 45.0000000001462, y: -70.00000000022743, z: 15 });
-	});
-});
-
-describe("getPictureRelativeHeading", () => {
-	const p = createParent();
-	const c = document.createElement("div");
-	const ph = new Photo(p, c);
-
-	it("works with original 180, road 0", () => {
-		ph.getPictureOriginalHeading = () => 180;
-		ph.getRoadAbsoluteHeading = () => 0;
-		expect(ph.getPictureRelativeHeading()).toEqual(180);
-	});
-
-	it("works with original 0, road 180", () => {
-		ph.getPictureOriginalHeading = () => 180;
-		ph.getRoadAbsoluteHeading = () => 0;
-		expect(ph.getPictureRelativeHeading()).toEqual(180);
-	});
-
-	it("works with original 90, road 180", () => {
-		ph.getPictureOriginalHeading = () => 90;
-		ph.getRoadAbsoluteHeading = () => 180;
-		expect(ph.getPictureRelativeHeading()).toEqual(-90);
-	});
-
-	it("works with original 270, road 135", () => {
-		ph.getPictureOriginalHeading = () => 270;
-		ph.getRoadAbsoluteHeading = () => 135;
-		expect(ph.getPictureRelativeHeading()).toEqual(135);
-	});
-
-	it("works with original 135, road 270", () => {
-		ph.getPictureOriginalHeading = () => 135;
-		ph.getRoadAbsoluteHeading = () => 270;
-		expect(ph.getPictureRelativeHeading()).toEqual(-135);
-	});
-
-	it("works with original 359, road 1", () => {
-		ph.getPictureOriginalHeading = () => 359;
-		ph.getRoadAbsoluteHeading = () => 1;
-		expect(ph.getPictureRelativeHeading()).toEqual(-2);
-	});
-
-	it("works with original 1, road 359", () => {
-		ph.getPictureOriginalHeading = () => 1;
-		ph.getRoadAbsoluteHeading = () => 359;
-		expect(ph.getPictureRelativeHeading()).toEqual(2);
-	});
-
-	it("stays within expected range", () => {
-		for(let po = 0; po <= 360; po++) {
-			for(let ra = 0; ra <= 360; ra++) {
-				ph.getPictureOriginalHeading = () => po;
-				ph.getRoadAbsoluteHeading = () => ra;
-				const rel = ph.getPictureRelativeHeading();
-				expect(rel).toBeGreaterThanOrEqual(-180);
-				expect(rel).toBeLessThanOrEqual(180);
-			}
-		}
-	})
-});
-
-describe("clearPictureMetadataCache", () => {
-	it("works when no pic is selected", async () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		await ph.clearPictureMetadataCache();
-		expect(ph._myVTour.state.currentNode).toBeNull();
-		expect(ph._myVTour.state.datasource.nodes).toStrictEqual({});
-	});
-
-	it("works when a pic is selected", async () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph._myVTour.state.currentNode = { id: "pic", sequence: { id: "seq" } };
-		await ph.clearPictureMetadataCache();
-		expect(p.select.mock.calls).toMatchSnapshot();
-	});
-});
-
-describe("setXYZ", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph.rotate = jest.fn();
-		ph.zoom = jest.fn();
-		ph.setXYZ(45, -45, 3);
-		expect(ph.zoom.mock.calls).toEqual([[3]]);
-		expect(ph.rotate.mock.calls).toEqual([[{ yaw: 0.7853981633974483, pitch: -0.7853981633974483 }]]);
-	});
-});
-
-describe("setHigherContrast", () => {
-	it("works on enable", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph.needsUpdate = jest.fn();
-		ph.setHigherContrast(true);
-		expect(ph.renderer.renderer.toneMapping).toBe(3);
-		expect(ph.renderer.renderer.toneMappingExposure).toBe(2);
-		expect(ph.needsUpdate.mock.calls.length).toBe(1);
-	});
-
-	it("works on disable", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph.needsUpdate = jest.fn();
-		ph.setHigherContrast(false);
-		expect(ph.renderer.renderer.toneMapping).toBe(0);
-		expect(ph.renderer.renderer.toneMappingExposure).toBe(1);
-		expect(ph.needsUpdate.mock.calls.length).toBe(1);
-	});
-});
-
-describe("getTransitionDuration", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c, { transitionDuration: 42 });
-		expect(ph.getTransitionDuration()).toBe(42);
-	});
-});
-
-describe("setTransitionDuration", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph.setTransitionDuration(1024);
-		expect(ph.getTransitionDuration()).toBe(1024);
-		expect(p.dispatchEvent.mock.calls).toMatchSnapshot();
-	});
-
-	it("fails when value is invalid", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		expect(() => ph.setTransitionDuration(-1)).toThrowError("Invalid transition duration (should be between 100 and 3000)");
-		expect(() => ph.setTransitionDuration(3001)).toThrowError("Invalid transition duration (should be between 100 and 3000)");
-	});
-});
-
-describe("playSequence", () => {
-	it("sends event", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		return new Promise(resolve => {
-			ph.addEventListener("sequence-playing", resolve);
-			ph.playSequence();
-		});
-	});
-});
-
-describe("stopSequence", () => {
-	it("sends event", async () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		return new Promise(resolve => {
-			ph.addEventListener("sequence-stopped", resolve);
-			ph.stopSequence();
-		});
-	});
-});
-
-describe("isSequencePlaying", () => {
-	it("is true when sequence is playing", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph.goToNextPicture = jest.fn();
-		ph.playSequence();
-		expect(ph.isSequencePlaying()).toBe(true);
-	});
-
-	it("is false when sequence never played", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		expect(ph.isSequencePlaying()).toBe(false);
-	});
-
-	it("is false when sequence stopped", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		ph.playSequence();
-		ph.stopSequence();
-		expect(ph.isSequencePlaying()).toBe(false);
-	});
-});
-
-describe("getPicturesNavigation", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c, {picturesNavigation: "pic"});
-		expect(ph.getPicturesNavigation()).toBe("pic");
-		ph._picturesNavigation = "seq";
-		expect(ph.getPicturesNavigation()).toBe("seq");
-	});
-});
-
-describe("setPicturesNavigation", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const ph = new Photo(p, c);
-		const eventWatcher = jest.fn();
-		ph.addEventListener("pictures-navigation-changed", eventWatcher);
-		expect(ph.getPicturesNavigation()).toBe("any");
-		ph.setPicturesNavigation("pic");
-		expect(ph.getPicturesNavigation()).toBe("pic");
-		ph.setPicturesNavigation("seq");
-		expect(ph.getPicturesNavigation()).toBe("seq");
-		ph.setPicturesNavigation("any");
-		expect(ph.getPicturesNavigation()).toBe("any");
-		ph.setPicturesNavigation("none");
-		expect(ph.getPicturesNavigation()).toBe("pic");
-		expect(eventWatcher.mock.calls).toMatchSnapshot();
-	});
-});

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

@@ -1,26 +0,0 @@
-import Popup from "../../../src/components/ui/Popup";
-
-describe("constructor", () => {
-	it("works", () => {
-		document.addEventListener = jest.fn();
-		const p = new Popup();
-		p.addEventListener = jest.fn();
-		expect(p.visible).toBe(false);
-
-		p.connectedCallback();
-		expect(p.addEventListener.mock.calls).toMatchSnapshot();
-		expect(document.addEventListener.mock.calls).toMatchSnapshot();
-	});
-});
-
-describe("close", () => {
-	it("works", () => {
-		const p = new Popup();
-		p.dispatchEvent = jest.fn();
-		p.visible = true;
-		p.close();
-
-		expect(p.visible).toBe(false);
-		expect(p.dispatchEvent.mock.calls).toMatchSnapshot();
-	});
-});

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

@@ -1,18 +0,0 @@
-import QualityScore from "../../../src/components/ui/QualityScore";
-
-describe("_onInput", () => {
-	it("works", () => {
-		const qs = new QualityScore();
-		qs.dispatchEvent = jest.fn();
-		qs.renderRoot.querySelectorAll.mockReturnValueOnce([
-			{ value: 5, checked: false },
-			{ value: 4, checked: true },
-			{ value: 3, checked: false },
-			{ value: 2, checked: true },
-			{ value: 1, checked: false },
-		])
-		qs._onInput();
-		expect(qs.grade).toEqual("4,2");
-		expect(qs.dispatchEvent.mock.calls).toMatchSnapshot();
-	});
-});

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

@@ -1,110 +0,0 @@
-import SearchBar from "../../../src/components/ui/SearchBar";
-
-describe("_onIconClick", () => {
-	it("resets on error", () => {
-		const sb = new SearchBar();
-		sb.reset = jest.fn();
-		sb._icon = "warn";
-		sb._onIconClick();
-		expect(sb.reset.mock.calls).toMatchSnapshot();
-	});
-
-	it("resets on clear", () => {
-		const sb = new SearchBar();
-		sb.reset = jest.fn();
-		sb._icon = "empty";
-		sb._onIconClick();
-		expect(sb.reset.mock.calls).toMatchSnapshot();
-	});
-
-	it("reduces if reduceable & extended", () => {
-		const sb = new SearchBar();
-		sb.reduceable = true;
-		sb.reduced = false;
-		sb._onIconClick();
-		expect(sb.reduced).toBe(true);
-	});
-
-	it("expands if reduceable & reduced", () => {
-		const sb = new SearchBar();
-		sb.reduceable = true;
-		sb.reduced = true;
-		sb._onIconClick();
-		expect(sb.reduced).toBe(false);
-	});
-});
-
-describe("_onResultClick", () => {
-	it("works on classic", () => {
-		const sb = new SearchBar();
-		sb.dispatchEvent = jest.fn();
-		sb._onResultClick({title: "res1", subtitle: "sub1", data: "coucou"});
-		expect(sb.dispatchEvent.mock.calls).toMatchSnapshot();
-		expect(sb.value).toEqual("res1");
-		expect(sb._icon).toEqual("empty");
-		expect(sb._results).toBe(null);
-	});
-
-	it("works on reduced", () => {
-		const sb = new SearchBar();
-		sb.dispatchEvent = jest.fn();
-		sb.reduceable = true;
-		sb._onResultClick({title: "res1", subtitle: "sub1", data: "coucou"});
-		expect(sb.dispatchEvent.mock.calls).toMatchSnapshot();
-		expect(sb.value).toEqual("");
-		expect(sb._icon).toEqual("search");
-		expect(sb._results).toBe(null);
-		expect(sb.reduced).toBe(true);
-	});
-
-	it("resets on null value", () => {
-		const sb = new SearchBar();
-		sb.dispatchEvent = jest.fn();
-		sb._onResultClick(null);
-		expect(sb.dispatchEvent.mock.calls).toMatchSnapshot();
-		expect(sb.value).toEqual("");
-		expect(sb._icon).toEqual("search");
-		expect(sb._results).toBe(null);
-	});
-});
-
-describe("_search", () => {
-	it("skips if value is empty", () => {
-		const sb = new SearchBar();
-		sb.reset = jest.fn();
-		sb._search();
-		expect(sb.reset.mock.calls).toMatchSnapshot();
-	});
-
-	it("skips if no searcher fct", () => {
-		global.console = { warn: jest.fn() };
-
-		const sb = new SearchBar();
-		sb.value = "test";
-		sb._search();
-		expect(global.console.warn.mock.calls).toMatchSnapshot();
-	});
-
-	it("works with actual data", () => {
-		const sb = new SearchBar();
-		return new Promise(resolve => {
-			sb.searcher = value => {
-				expect(value).toEqual("my search");
-				expect(sb._icon).toEqual("loading");
-				expect(sb._results).toBe(null);
-				resolve();
-			};
-			sb.value = "my search";
-			sb._search();
-		});
-	});
-});
-
-describe("reset", () => {
-	it("works", () => {
-		const sb = new SearchBar();
-		sb._onResultClick = jest.fn();
-		sb.reset();
-		expect(sb._onResultClick.mock.calls).toMatchSnapshot();
-	});
-});

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

@@ -1,33 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`_onClick works with input 1`] = `
-Array [
-  Array [
-    "copy me from input",
-  ],
-]
-`;
-
-exports[`_onClick works with text 1`] = `
-Array [
-  Array [
-    "I am a copy text",
-  ],
-]
-`;
-
-exports[`_onClick works with textarea 1`] = `
-Array [
-  Array [
-    "copy me from textarea",
-  ],
-]
-`;
-
-exports[`constructor listens to click 1`] = `
-Object {
-  "click": Array [
-    [Function],
-  ],
-}
-`;

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

@@ -1,56 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`dismiss works on success + next fct 1`] = `
-Array [
-  Array [
-    CustomEvent {
-      "isTrusted": false,
-    },
-  ],
-]
-`;
-
-exports[`dismiss works on success + next fct 2`] = `
-Array [
-  Array [],
-]
-`;
-
-exports[`dismiss works on success 1`] = `
-Array [
-  Array [
-    CustomEvent {
-      "isTrusted": false,
-    },
-  ],
-]
-`;
-
-exports[`dismiss works with error + next fct 1`] = `
-Array [
-  Array [
-    CustomEvent {
-      "isTrusted": false,
-    },
-  ],
-]
-`;
-
-exports[`dismiss works with error + next fct 2`] = `
-Array [
-  Array [
-    "click",
-    [MockFunction],
-  ],
-]
-`;
-
-exports[`dismiss works with error 1`] = `
-Array [
-  Array [
-    CustomEvent {
-      "isTrusted": false,
-    },
-  ],
-]
-`;

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

@@ -1,16 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`reloadVectorTiles works 1`] = `
-Array [
-  Array [
-    Array [
-      "https://bla.xyz/geovisio/x/y/z",
-    ],
-  ],
-  Array [
-    Array [
-      "https://bla.xyz/geovisio_toto/x/y/z",
-    ],
-  ],
-]
-`;