@masterportal/masterportalapi 2.20.0 → 2.22.0

package/test/maps/interactions/drawInteractions.test.js

@@ -1,9 +1,103 @@
 import {Draw} from "ol/interaction.js";
+import Feature from "ol/Feature";
+import Circle from "ol/geom/Circle";
 import VectorSource from "ol/source/Vector";
 
-import drawInteractions from "../../../src/maps/interactions/drawInteractions";
+import drawInteractions, {styleObject} from "../../../src/maps/interactions/drawInteractions";
 
 describe("src/maps/interactions/drawInteractions.js", () => {
+    describe("transformMapUnitRadius", () => {
+        it("should return the input meter radius in meter ", () => {
+            const radius = 100,
+                mapProjection = {
+                    getUnits: () => "m"
+                },
+                mapUnitRadius = drawInteractions.transformMapUnitRadius(radius, mapProjection);
+
+            expect(mapUnitRadius).toEqual(100);
+        });
+
+        it("should return the input degree radius in meter ", () => {
+            const radius = 100,
+                mapProjection = {
+                    getUnits: () => "degrees"
+                },
+                mapUnitRadius = drawInteractions.transformMapUnitRadius(radius, mapProjection);
+
+            expect(mapUnitRadius).toEqual(0.0008983152841195215);
+        });
+    });
+
+    describe("drawInnerCircle", () => {
+        it("should set radius for circle feature", () => {
+            const feature = new Feature({geometry: new Circle([565826.38, 5934174.40], 10)}),
+                mapProjection = {
+                    getUnits: () => "m"
+                },
+                options = {
+                    innerRadius: 100,
+                    interactive: false,
+                    outerRadius: 500
+                };
+
+            drawInteractions.drawInnerCircle(feature, mapProjection, options);
+
+            expect(feature.getGeometry().getRadius()).toEqual(100);
+        });
+    });
+
+    describe("setStyleObject", () => {
+        it("should set style object", () => {
+            const currentLayout = {
+                fillColor: [55, 126, 184],
+                fillTransparency: 0,
+                strokeColor: [0, 0, 0],
+                strokeWidth: 1
+            };
+
+            drawInteractions.setStyleObject(currentLayout);
+
+            expect(styleObject).toEqual({
+                rules: [
+                    {
+                        style: {
+                            circleFillColor: [
+                                55,
+                                126,
+                                184,
+                                1
+                            ],
+                            circleStrokeColor: [
+                                0,
+                                0,
+                                0
+                            ],
+                            circleStrokeWidth: 1,
+                            lineStrokeColor: [
+                                0,
+                                0,
+                                0
+                            ],
+                            lineStrokeWidth: 1,
+                            polygonFillColor: [
+                                55,
+                                126,
+                                184,
+                                1
+                            ],
+                            polygonStrokeColor: [
+                                0,
+                                0,
+                                0
+                            ],
+                            polygonStrokeWidth: 1
+                        }
+                    }
+                ]
+            });
+        });
+    });
+
     describe("createDrawInteraction", () => {
         it("should create a draw interaction", () => {
             const source = new VectorSource(),
@@ -26,25 +120,4 @@ describe("src/maps/interactions/drawInteractions.js", () => {
         });
     });
 
-    describe("transformMapUnitRadius", () => {
-        it("should return the input meter radius in meter ", () => {
-            const radius = 100,
-                mapProjection = {
-                    getUnits: () => "m"
-                },
-                mapUnitRadius = drawInteractions.transformMapUnitRadius(radius, mapProjection);
-
-            expect(mapUnitRadius).toEqual(100);
-        });
-
-        it("should return the input degree radius in meter ", () => {
-            const radius = 100,
-                mapProjection = {
-                    getUnits: () => "degrees"
-                },
-                mapUnitRadius = drawInteractions.transformMapUnitRadius(radius, mapProjection);
-
-            expect(mapUnitRadius).toEqual(0.0008983152841195215);
-        });
-    });
 });

package/test/vectorStyle/styles/styleCircle.test.js

@@ -0,0 +1,31 @@
+import CircleStyle from "../../../src/vectorStyle/styles/styleCircle";
+import {Style} from "ol/style.js";
+
+describe("styleCircle", () => {
+    const feature = {
+            geometryName: "geom",
+            id: "DE.HH.UP_GESUNDHEIT_KRANKENHAEUSER_2"
+        },
+        style = {
+            type: "icon",
+            legendValue: "Krankenhaus",
+            imageName: "krankenhaus.png"
+        },
+        isClustered = false,
+        styleCircleClass = new CircleStyle(feature, style, isClustered);
+
+    describe("initialize", function () {
+        it("returns an instance of openlayers style", () => {
+            expect(typeof styleCircleClass.initialize).toBe("function");
+        });
+    });
+
+    describe("createStyle", function () {
+        it("returns an instance of openlayers style", () => {
+            const createdStyle = styleCircleClass.createStyle();
+
+            styleCircleClass.setStyle(createdStyle);
+            expect(styleCircleClass.getStyle()).toBeInstanceOf(Style);
+        });
+    });
+});