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

package/tests/components/core/Editor.test.js

@@ -1,20 +0,0 @@
-import Editor from "../../../src/components/core/Editor";
-import "./BasicMock";
-
-let comp;
-global.console = { info: jest.fn(), error: jest.fn(), warn: jest.fn(), log: global.console.log };
-
-beforeEach(() => comp = new Editor());
-afterEach(() => jest.clearAllMocks());
-
-describe("getClassName", () => {
-	it("works", () => {
-		expect(comp.getClassName()).toBe("Editor");
-	});
-});
-
-describe("getSubComponentsNames", () => {
-	it("works", () => {
-		expect(comp.getSubComponentsNames()).toEqual(["loader", "api", "map", "psv", "grid", "mapStyleComposer"]);
-	});
-});

package/tests/components/core/PhotoViewer.test.js

@@ -1,57 +0,0 @@
-import PhotoViewer from "../../../src/components/core/PhotoViewer";
-import "./BasicMock";
-
-let comp;
-global.console = { info: jest.fn(), error: jest.fn(), warn: jest.fn(), log: global.console.log };
-
-beforeEach(() => comp = new PhotoViewer());
-afterEach(() => jest.clearAllMocks());
-
-
-describe("_initWidgets", () => {
-	let initParamsMock;
-
-	beforeEach(() => {
-		comp.grid.appendChild = jest.fn();
-
-		// Mock the return value of getParentPostInit
-		initParamsMock = {
-			widgets: "true",
-			focus: "pic",
-			picture: "somePicture",
-		};
-		comp._createInitParamsHandler();
-		comp._initParams.getParentPostInit = jest.fn();
-		comp._initParams.getParentPostInit.mockReturnValue(initParamsMock);
-	});
-
-	it("should not add widgets if widgets is false", () => {
-		initParamsMock.widgets = "false";
-		comp._initWidgets();
-		expect(comp.grid.appendChild).not.toHaveBeenCalled();
-	});
-
-	it("should handle widgets if width is not small", () => {
-		comp.isWidthSmall = () => false;
-		comp._initWidgets();
-		expect(comp.grid.appendChild).toMatchSnapshot();
-	});
-
-	it("should handle widgets if width is small", () => {
-		comp.isWidthSmall = () => true;
-		comp._initWidgets();
-		expect(comp.grid.appendChild).toMatchSnapshot();
-	});
-});
-
-describe("getClassName", () => {
-	it("works", () => {
-		expect(comp.getClassName()).toBe("PhotoViewer");
-	});
-});
-
-describe("getSubComponentsNames", () => {
-	it("works", () => {
-		expect(comp.getSubComponentsNames()).toEqual(["loader", "api", "psv", "grid", "popup", "urlHandler"]);
-	});
-});

package/tests/components/core/Viewer.test.js

@@ -1,85 +0,0 @@
-import Viewer from "../../../src/components/core/Viewer";
-import "./BasicMock";
-
-jest.mock("../../../src/components/core/PhotoViewer", () => (
-	class PhotoViewer extends EventTarget {
-		constructor() {
-			super();
-			this.loader = { setAttribute: jest.fn() };
-			this.api = {
-				getMapStyle: () => ({}),
-				_getMapRequestTransform: () => ({}),
-				_endpoints: {},
-			};
-			this._t = { maplibre: {}, psv: {} };
-			this.grid = { appendChild: jest.fn() };
-		}
-		getAttribute() { return null; }
-		isWidthSmall() { return false; }
-		isWidthMedium() { return false; }
-		isHeightSmall() { return false; }
-		getSubComponentsNames() {
-			return ["loader", "api", "psv", "grid", "popup", "urlHandler"];
-		}
-		onceAPIReady() {
-			return Promise.resolve();
-		}
-		static GetJSONConverter() {
-			return {};
-		}
-	}
-));
-
-let comp;
-global.console = { info: jest.fn(), error: jest.fn(), warn: jest.fn(), log: global.console.log };
-
-beforeEach(() => comp = new Viewer());
-afterEach(() => jest.clearAllMocks());
-
-describe("_initWidgets", () => {
-	let initParamsMock;
-
-	beforeEach(() => {
-		comp.grid.appendChild = jest.fn();
-
-		// Mock the return value of getParentPostInit
-		initParamsMock = {
-			widgets: "true",
-			focus: "pic",
-			picture: "somePicture",
-		};
-		comp._createInitParamsHandler();
-		comp._initParams.getParentPostInit = jest.fn();
-		comp._initParams.getParentPostInit.mockReturnValue(initParamsMock);
-	});
-
-	it("should not add widgets if widgets is false", () => {
-		initParamsMock.widgets = "false";
-		comp._initWidgets();
-		expect(comp.grid.appendChild).not.toHaveBeenCalled();
-	});
-
-	it("should handle widgets if width is not small", () => {
-		comp.isWidthSmall = () => false;
-		comp._initWidgets();
-		expect(comp.grid.appendChild).toMatchSnapshot();
-	});
-
-	it("should handle widgets if width is small", () => {
-		comp.isWidthSmall = () => true;
-		comp._initWidgets();
-		expect(comp.grid.appendChild).toMatchSnapshot();
-	});
-});
-
-describe("getClassName", () => {
-	it("works", () => {
-		expect(comp.getClassName()).toBe("Viewer");
-	});
-});
-
-describe("getSubComponentsNames", () => {
-	it("works", () => {
-		expect(comp.getSubComponentsNames()).toEqual(["loader", "api", "psv", "grid", "popup", "urlHandler", "mini", "map", "mapStyleComposer"]);
-	});
-});

package/tests/components/core/__snapshots__/PhotoViewer.test.js.snap

@@ -1,96 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`_initWidgets should handle widgets if width is not small 1`] = `
-[MockFunction] {
-  "calls": Array [
-    Array [
-      <pnx-widget-player
-        class="pnx-only-psv pnx-print-hidden"
-        size="xl"
-        slot="top"
-      />,
-    ],
-    Array [
-      <pnx-annotations-switch
-        class="pnx-only-psv pnx-print-hidden"
-        size="xl"
-        slot="top"
-      />,
-    ],
-    Array [
-      <pnx-widget-zoom
-        class="pnx-print-hidden"
-        slot="bottom-right"
-      />,
-    ],
-    Array [
-      <pnx-widget-legend
-        focus="pic"
-        picture="somePicture"
-        slot="top-left"
-      />,
-    ],
-  ],
-  "results": Array [
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-  ],
-}
-`;
-
-exports[`_initWidgets should handle widgets if width is small 1`] = `
-[MockFunction] {
-  "calls": Array [
-    Array [
-      <pnx-widget-player
-        class="pnx-only-psv pnx-print-hidden"
-        size="xl"
-        slot="top"
-      />,
-    ],
-    Array [
-      <pnx-annotations-switch
-        class="pnx-only-psv pnx-print-hidden"
-        size="xl"
-        slot="top"
-      />,
-    ],
-    Array [
-      <pnx-bottom-drawer
-        class="pnx-hidden"
-        slot="bottom"
-      >
-        <pnx-picture-legend />
-      </pnx-bottom-drawer>,
-    ],
-  ],
-  "results": Array [
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-  ],
-}
-`;

package/tests/components/core/__snapshots__/Viewer.test.js.snap

@@ -1,188 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`_initWidgets should handle widgets if width is not small 1`] = `
-[MockFunction] {
-  "calls": Array [
-    Array [
-      <pnx-widget-zoom
-        class="pnx-print-hidden"
-        slot="bottom-right"
-      />,
-    ],
-    Array [
-      <pnx-widget-legend
-        focus="pic"
-        picture="somePicture"
-        slot="top-left"
-      />,
-    ],
-    Array [
-      <pnx-widget-player
-        class="pnx-only-psv pnx-print-hidden"
-        size="xl"
-        slot="top"
-      />,
-    ],
-    Array [
-      <pnx-annotations-switch
-        class="pnx-only-psv pnx-print-hidden"
-        size="xl"
-        slot="top"
-      />,
-    ],
-    Array [
-      <pnx-widget-geosearch
-        class="pnx-only-map pnx-print-hidden"
-        slot="top-left"
-      />,
-    ],
-    Array [
-      <pnx-widget-mapfilters
-        class="pnx-only-map pnx-print-hidden"
-        slot="top-left"
-        user-search="true"
-      />,
-    ],
-    Array [
-      <pnx-widget-semantics-filters
-        class="pnx-only-map pnx-print-hidden"
-        slot="top-left"
-      />,
-    ],
-    Array [
-      <pnx-widget-maplayers
-        class="pnx-only-map pnx-print-hidden"
-        slot="top-right"
-      />,
-    ],
-  ],
-  "results": Array [
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-  ],
-}
-`;
-
-exports[`_initWidgets should handle widgets if width is small 1`] = `
-[MockFunction] {
-  "calls": Array [
-    Array [
-      <pnx-widget-zoom
-        class="pnx-only-map pnx-print-hidden"
-        slot="top-left"
-      />,
-    ],
-    Array [
-      <pnx-bottom-drawer
-        class="pnx-hidden"
-        slot="bottom"
-      >
-        <pnx-picture-legend />
-      </pnx-bottom-drawer>,
-    ],
-    Array [
-      <pnx-widget-player
-        class="pnx-only-psv pnx-print-hidden"
-        size="xl"
-        slot="top"
-      />,
-    ],
-    Array [
-      <pnx-annotations-switch
-        class="pnx-only-psv pnx-print-hidden"
-        size="xl"
-        slot="top"
-      />,
-    ],
-    Array [
-      <pnx-widget-geosearch
-        class="pnx-only-map pnx-print-hidden"
-        slot="top-right"
-      />,
-    ],
-    Array [
-      <pnx-widget-mapfilters
-        class="pnx-only-map pnx-print-hidden"
-        slot="top-right"
-        user-search="true"
-      />,
-    ],
-    Array [
-      <pnx-widget-semantics-filters
-        class="pnx-only-map pnx-print-hidden"
-        slot="top-right"
-      />,
-    ],
-    Array [
-      <pnx-widget-maplayers
-        class="pnx-only-map pnx-print-hidden"
-        slot="top-right"
-      />,
-    ],
-  ],
-  "results": Array [
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-    Object {
-      "type": "return",
-      "value": undefined,
-    },
-  ],
-}
-`;

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

@@ -1,52 +0,0 @@
-import CopyButton from "../../../src/components/ui/CopyButton";
-
-window.navigator.clipboard = { writeText: jest.fn() };
-
-describe("constructor", () => {
-	it("listens to click", () => {
-		const cb = new CopyButton();
-		expect(cb._handlers).toMatchSnapshot();
-	});
-});
-
-describe("_onClick", () => {
-	it("works with text", () => {
-		const cb = new CopyButton();
-		cb.text = "I am a copy text";
-		cb._onClick(new Event("click"));
-		expect(cb._active).toBe(true);
-		expect(global.navigator.clipboard.writeText.mock.calls).toMatchSnapshot();
-		return new Promise(resolve => setTimeout(() => {
-			expect(cb._active).toBe(false);
-			resolve();
-		}, 2000));
-	});
-
-	it("works with input", () => {
-		const i = document.createElement("input");
-		i.value = "copy me from input";
-		i.id = "input-to-copy";
-		document.body.appendChild(i);
-
-		const cb = new CopyButton();
-		cb.input = "input-to-copy";
-		cb._onClick(new Event("click"));
-
-		expect(cb._active).toBe(true);
-		expect(global.navigator.clipboard.writeText.mock.calls).toMatchSnapshot();
-	});
-
-	it("works with textarea", () => {
-		const i = document.createElement("textarea");
-		i.appendChild(document.createTextNode("copy me from textarea"));
-		i.id = "textarea-to-copy";
-		document.body.appendChild(i);
-
-		const cb = new CopyButton();
-		cb.input = "textarea-to-copy";
-		cb._onClick(new Event("click"));
-
-		expect(cb._active).toBe(true);
-		expect(global.navigator.clipboard.writeText.mock.calls).toMatchSnapshot();
-	});
-});

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

@@ -1,55 +0,0 @@
-import Loader from "../../../src/components/ui/Loader";
-
-describe("constructor", () => {
-	it("works", () => {
-		const l = new Loader();
-		expect(l.isVisible()).toBe(true);
-	});
-});
-
-describe("dismiss", () => {
-	it("works on success", () => {
-		const p = { dispatchEvent: jest.fn() };
-		const l = new Loader();
-		l._parent = p;
-		l.dismiss();
-
-		expect(l.isVisible()).toBe(false);
-		expect(p.dispatchEvent.mock.calls).toMatchSnapshot();
-	});
-
-	it("works on success + next fct", () => {
-		const p = { dispatchEvent: jest.fn() };
-		const n = jest.fn();
-		const l = new Loader();
-		l._parent = p;
-		l.dismiss(null, null, n);
-
-		expect(l.isVisible()).toBe(false);
-		expect(p.dispatchEvent.mock.calls).toMatchSnapshot();
-		expect(n.mock.calls).toMatchSnapshot();
-	});
-
-	it("works with error", () => {
-		const p = { dispatchEvent: jest.fn(), _t: { pnx: {} } };
-		const l = new Loader();
-		l._parent = p;
-		expect(() => l.dismiss(true, "an error")).toThrow(new Error("an error"))
-
-		expect(l.isVisible()).toBe(true);
-		expect(p.dispatchEvent.mock.calls).toMatchSnapshot();
-	});
-
-	it("works with error + next fct", () => {
-		const p = { dispatchEvent: jest.fn(), _t: { pnx: {} } };
-		const n = jest.fn();
-		const l = new Loader();
-		l.addEventListener = jest.fn();
-		l._parent = p;
-		expect(() => l.dismiss(true, "an error", n)).toThrow(new Error("an error"))
-
-		expect(l.isVisible()).toBe(true);
-		expect(p.dispatchEvent.mock.calls).toMatchSnapshot();
-		expect(l.addEventListener.mock.calls).toMatchSnapshot();
-	});
-});

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

@@ -1,145 +0,0 @@
-import Map from "../../../src/components/ui/Map";
-
-const createParent = () => {
-	const p = {
-		addEventListener: jest.fn(),
-		dispatchEvent: jest.fn(),
-		isWidthSmall: jest.fn(),
-		onceReady: () => Promise.resolve(),
-		onceAPIReady: () => Promise.resolve(),
-		api: {
-			onceReady: () => Promise.resolve(),
-			getDataBbox: jest.fn(),
-			getPicturesTilesUrl: jest.fn(),
-			_getMapRequestTransform: jest.fn(),
-		},
-		mapStyleComposer: {
-			panoramax: "default",
-			getMapStyle: jest.fn(),
-			updateMapStyle: jest.fn(),
-			addEventListener: jest.fn(),
-			registerSource: jest.fn(),
-			registerLayer: jest.fn(),
-			layerRanges: {
-				basemaps: {},
-				dataUnderlays: {},
-				panoramax: {},
-				dataOverlays: {},
-			},
-		},
-		_t: {
-			maplibre: {},
-		}
-	};
-
-	p.getAPI = () => p.api;
-
-	return p;
-};
-
-
-describe("_postLoad", () => {
-	it("send ready event", async () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const m = new Map(p, c);
-		const listener = jest.fn();
-		m.addEventListener("ready", listener, { once: true });
-
-		await m._postLoad();
-		
-		expect(listener).toHaveBeenCalledTimes(1);
-	});
-});
-
-describe("destroy", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const m = new Map(p, c);
-		m.remove = jest.fn();
-		m.destroy();
-		expect(m.remove.mock.calls.length).toBe(1);
-		[
-			"_semMapProtocol", "_parent", "_options", "_attribution", "_picMarker",
-			"_picMarkerPreview", "_picPreviewTimer", "_picPopup", "_picThumbUrl", "_seqPictures"
-		].forEach(prop => expect(m[prop]).toBeUndefined());
-	});
-});
-
-describe("addSource", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const m = new Map(p, c);
-		m.addSource("test", {});
-		expect(p.mapStyleComposer.registerSource.mock.calls).toEqual([["test", {}]]);
-	});
-});
-
-describe("addLayer", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const m = new Map(p, c);
-		m.addLayer({id: "test"}, "other");
-		expect(p.mapStyleComposer.registerLayer.mock.calls).toEqual([[{id: "test"}, "other"]]);
-	});
-});
-
-describe("reloadVectorTiles", () => {
-	it("works", () => {
-		const p = createParent();
-		const c = document.createElement("div");
-		const m = new Map(p, c);
-		const setter = jest.fn();
-		m.getSource = (user) => ({ tiles: [`https://bla.xyz/${user}/x/y/z`], setTiles: setter });
-		m._userLayers = ["geovisio", "toto"];
-		p.mapStyleComposer.layerRanges.panoramax = {
-			default: { sources: { geovisio: {} } },
-			toto: { sources: { geovisio_toto: {} } },
-		};
-		m.reloadVectorTiles();
-		expect(setter.mock.calls).toMatchSnapshot();
-	});
-});
-
-describe("addEventListener", () => {
-	let map;
-	beforeEach(() => {
-		const p = createParent();
-		const c = document.createElement("div");
-		map = new Map(p, c);
-	});
-	
-	it("should add an event listener", () => {
-		const listener = jest.fn();
-		map.addEventListener("ready", listener);
-		map.fire("ready");
-		expect(listener).toHaveBeenCalled();
-	});
-	
-	it("should add an event listener that only fires once", () => {
-		const listener = jest.fn();
-		map.addEventListener("ready", listener, { once: true });
-		map.fire("ready");
-		map.fire("ready");
-		expect(listener).toHaveBeenCalledTimes(1);
-	});
-	
-	it("should not add an event listener if options.once is false", () => {
-		const listener = jest.fn();
-		map.addEventListener("ready", listener, { once: false });
-		map.fire("ready");
-		map.fire("ready");
-		expect(listener).toHaveBeenCalledTimes(2);
-	});
-	
-	it("should default options.once to false if not provided", () => {
-		const listener = jest.fn();
-		map.addEventListener("ready", listener);
-		map.fire("ready");
-		map.fire("ready");
-		expect(listener).toHaveBeenCalledTimes(2);
-	});
-});