polylines tooltip content

__tests__/unit/components/gisPolylines/icons/CircleIcon.test.js

@@ -0,0 +1,40 @@
+// __tests__/components/gisPolylines/icons/CircleIcon.test.js
+jest.mock("leaflet", () => {
+  const actualLeaflet = jest.requireActual("leaflet");
+  return {
+    ...actualLeaflet,
+    DivIcon: jest.fn().mockImplementation((options) => ({
+      ...options,
+      options,
+      _leaflet_id: Math.random(),
+    })),
+  };
+});
+
+import L from "leaflet";
+import CircleIcon from "../../../components/gisPolylines/icons/CircleIcon";
+
+describe("CircleIcon", () => {
+  test("should be a Leaflet divIcon with correct properties", () => {
+    // console.log("CircleIcon options:", CircleIcon.options);
+    expect(CircleIcon).toEqual(
+      expect.objectContaining({
+        options: expect.objectContaining({
+          className: "custom-circle-icon leaflet-marker-icon",
+          html: '<div style="background-color:gray; width:10px; height:10px; border-radius:50%; border: solid black 1px;"></div>',
+          iconSize: [25, 25],
+          iconAnchor: [5, 5],
+        }),
+      })
+    );
+    expect(CircleIcon.options.className).toContain("custom-circle-icon");
+    expect(CircleIcon.options.html).toContain("<div");
+    expect(CircleIcon.options.html).toContain("background-color:gray");
+    expect(CircleIcon.options.html).toContain("border-radius:50%");
+    expect(CircleIcon.options.html).toContain("width:10px");
+    expect(CircleIcon.options.html).toContain("height:10px");
+    expect(CircleIcon.options.html).toContain("border: solid black 1px");
+    expect(CircleIcon.options.iconSize).toEqual([25, 25]);
+    expect(CircleIcon.options.iconAnchor).toEqual([5, 5]);
+  });
+});

__tests__/unit/components/gisPolylines/icons/EndIcon.test.js

@@ -0,0 +1,24 @@
+// __tests__/components/gisPolylines/icons/EndIcon.test.js
+jest.mock("leaflet", () => {
+  const actualLeaflet = jest.requireActual("leaflet");
+  return {
+    ...actualLeaflet,
+    DivIcon: jest.fn().mockImplementation((options) => ({
+      ...options,
+      options,
+      _leaflet_id: Math.random(),
+    })),
+  };
+});
+
+import L from "leaflet";
+import EndIcon from "../../../../components/gisPolylines/icons/EndIcon";
+//console.log("console log EndIcon: ", EndIcon);
+describe("endIcon", () => {
+  test("should be a custom-end-icon with correct HTML and styles", () => {
+    expect(EndIcon.options.className).toBe("custom-end-icon");
+    expect(EndIcon.options.html).toBe("<div style='background-color: gray; width: 14px; height: 14px; border: solid black 2px;'></div>");
+    expect(EndIcon.options.iconSize).toEqual([14, 14]);
+    expect(EndIcon.options.iconAnchor).toEqual([7, 7]);
+  });
+});

__tests__/unit/components/gisPolylines/icons/StartIcon.test.js

@@ -0,0 +1,41 @@
+// __tests__/components/gisPolylines/icons/StartIcon.test.js
+jest.mock("leaflet", () => {
+  const actualLeaflet = jest.requireActual("leaflet");
+  return {
+    ...actualLeaflet,
+    DivIcon: jest.fn().mockImplementation((options) => ({
+      ...options,
+      options,
+      _leaflet_id: Math.random(),
+      _createIcon: jest.fn(),
+      _createImg: jest.fn(),
+      _getIconUrl: jest.fn(),
+      _initHooks: [],
+      _initHooksCalled: true,
+      _setIconStyles: jest.fn(),
+      callInitHooks: jest.fn(),
+      createIcon: jest.fn(),
+      createShadow: jest.fn(),
+      initialize: jest.fn(),
+    })),
+  };
+});
+
+import L from "leaflet";
+import StartIcon from "../../../../../components/gisPolylines/icons/StartIcon";
+
+describe("StartIcon", () => {
+  test("should be a Leaflet divIcon with correct properties", () => {
+    //console.log("StartIcon options:", StartIcon.options);
+    expect(StartIcon).toEqual(
+      expect.objectContaining({
+        options: expect.objectContaining({
+          className: "custom-start-icon",
+          html: expect.stringContaining("<svg"),
+          iconSize: [18, 18],
+          iconAnchor: [9, 10],
+        }),
+      })
+    );
+  });
+});