@panoramax/web-viewer 3.2.3-develop-3ea5b063 → 3.2.3-develop-04898f19

package/tests/components/core/BasicMock.js

@@ -0,0 +1,21 @@
+jest.mock("../../../src/components/core/Basic", () => (
+	class Basic extends EventTarget {
+		constructor() {
+			super();
+			this.loader = { setAttribute: jest.fn() };
+			this.api = {
+				getMapStyle: () => ({}),
+				_getMapRequestTransform: () => ({}),
+				_endpoints: {},
+			};
+			this._t = { maplibre: {}, psv: {} };
+		}
+		isWidthSmall() { return false; }
+		getSubComponentsNames() {
+			return ["loader", "api"];
+		}
+		onceAPIReady() {
+			return Promise.resolve();
+		}
+	}
+));

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

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

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

@@ -0,0 +1,20 @@
+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"]);
+	});
+});

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

@@ -0,0 +1,57 @@
+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

@@ -0,0 +1,80 @@
+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; }
+		getSubComponentsNames() {
+			return ["loader", "api", "psv", "grid", "popup", "urlHandler"];
+		}
+		onceAPIReady() {
+			return Promise.resolve();
+		}
+	}
+));
+
+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"]);
+	});
+});

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

@@ -0,0 +1,91 @@
+// 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-share
+        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"
+        slot="top"
+      />,
+    ],
+  ],
+  "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-share
+        class="pnx-print-hidden"
+        slot="bottom-right"
+      />,
+    ],
+    Array [
+      <pnx-widget-legend
+        focus="pic"
+        picture="somePicture"
+        slot="top"
+      />,
+    ],
+    Array [
+      <pnx-widget-player
+        class="pnx-only-psv pnx-print-hidden"
+        slot="top"
+      />,
+    ],
+  ],
+  "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

@@ -0,0 +1,163 @@
+// 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-share
+        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"
+        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-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,
+    },
+  ],
+}
+`;
+
+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-widget-share
+        class="pnx-print-hidden"
+        slot="bottom-right"
+      />,
+    ],
+    Array [
+      <pnx-widget-legend
+        focus="pic"
+        picture="somePicture"
+        slot="top"
+      />,
+    ],
+    Array [
+      <pnx-widget-player
+        class="pnx-only-psv pnx-print-hidden"
+        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-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,
+    },
+  ],
+}
+`;

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

@@ -5,7 +5,7 @@ window.navigator.clipboard = { writeText: jest.fn() };
 describe("constructor", () => {
 	it("listens to click", () => {
 		const cb = new CopyButton();
-		expect(cb.addEventListener.mock.calls).toMatchSnapshot();
+		expect(cb._handlers).toMatchSnapshot();
 	});
 });
 

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

@@ -44,6 +44,7 @@ describe("dismiss", () => {
 		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"))
 

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

@@ -4,6 +4,7 @@ describe("constructor", () => {
 	it("works", () => {
 		document.addEventListener = jest.fn();
 		const p = new Popup();
+		p.addEventListener = jest.fn();
 		expect(p.visible).toBe(false);
 
 		p.connectedCallback();
@@ -15,6 +16,7 @@ describe("constructor", () => {
 describe("close", () => {
 	it("works", () => {
 		const p = new Popup();
+		p.dispatchEvent = jest.fn();
 		p.visible = true;
 		p.close();
 

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

@@ -3,6 +3,7 @@ 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 },

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

@@ -37,6 +37,7 @@ describe("_onIconClick", () => {
 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");
@@ -46,6 +47,7 @@ describe("_onResultClick", () => {
 
 	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();
@@ -57,6 +59,7 @@ describe("_onResultClick", () => {
 
 	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("");

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

@@ -25,10 +25,9 @@ Array [
 `;
 
 exports[`constructor listens to click 1`] = `
-Array [
-  Array [
-    "click",
+Object {
+  "click": Array [
     [Function],
   ],
-]
+}
 `;