@geospatial-sdk/openlayers 0.0.5-alpha.8 → 0.0.5-dev.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geospatial-sdk/openlayers",
-  "version": "0.0.5-alpha.8+8eeb557",
+  "version": "0.0.5-dev.0+97d2685",
   "description": "OpenLayers-related utilities",
   "keywords": [
     "ol",
@@ -35,8 +35,8 @@
     "ol": ">6.x"
   },
   "dependencies": {
-    "@geospatial-sdk/core": "^0.0.5-alpha.8+8eeb557",
+    "@geospatial-sdk/core": "^0.0.5-dev.0+97d2685",
     "chroma-js": "^2.4.2"
   },
-  "gitHead": "8eeb557170b5af3e8ab5f25fdfa850a3edd09c21"
+  "gitHead": "97d2685498a9b6208d833a15480a5a9ca804e12f"
 }

package/dist/map/apply-context-diff.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=apply-context-diff.test.d.ts.map

package/dist/map/apply-context-diff.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"apply-context-diff.test.d.ts","sourceRoot":"","sources":["../../lib/map/apply-context-diff.test.ts"],"names":[],"mappings":""}

package/dist/map/apply-context-diff.test.js

@@ -1,251 +0,0 @@
-import { SAMPLE_CONTEXT, SAMPLE_LAYER1, SAMPLE_LAYER2, SAMPLE_LAYER3, SAMPLE_LAYER4, SAMPLE_LAYER5, } from "@geospatial-sdk/core/fixtures/map-context.fixtures";
-import { createLayer, createMapFromContext } from "./create-map";
-import { applyContextDiffToMap } from "./apply-context-diff";
-import { beforeEach } from "vitest";
-function assertEqualsToModel(layer, layerModel) {
-    var _a;
-    const reference = createLayer(layerModel);
-    expect(reference).toBeInstanceOf(layer.constructor);
-    const refSource = reference.getSource();
-    const layerSource = layer.getSource();
-    expect(reference.getSource()).toBeInstanceOf((_a = layer.getSource()) === null || _a === void 0 ? void 0 : _a.constructor);
-    if (typeof (refSource === null || refSource === void 0 ? void 0 : refSource.getUrl) === "function") {
-        expect(layerSource === null || layerSource === void 0 ? void 0 : layerSource.getUrl).toBeTypeOf("function");
-    }
-    else if (typeof (refSource === null || refSource === void 0 ? void 0 : refSource.getUrls) !== "undefined") {
-        expect(refSource === null || refSource === void 0 ? void 0 : refSource.getUrls()).toEqual(layerSource === null || layerSource === void 0 ? void 0 : layerSource.getUrls());
-    }
-    else if (typeof (refSource === null || refSource === void 0 ? void 0 : refSource.getUrl) !== "undefined") {
-        expect(refSource === null || refSource === void 0 ? void 0 : refSource.getUrl()).toEqual(layerSource === null || layerSource === void 0 ? void 0 : layerSource.getUrl());
-    }
-}
-describe("applyContextDiffToMap", () => {
-    let context;
-    let diff;
-    let map;
-    let layersArray;
-    beforeEach(() => {
-        context = Object.assign(Object.assign({}, SAMPLE_CONTEXT), { layers: [SAMPLE_LAYER2, SAMPLE_LAYER1] });
-        map = createMapFromContext(context);
-    });
-    describe("no change", () => {
-        beforeEach(() => {
-            diff = {
-                layersAdded: [],
-                layersChanged: [],
-                layersRemoved: [],
-                layersReordered: [],
-                viewChanges: {},
-            };
-            applyContextDiffToMap(map, diff);
-            layersArray = map.getLayers().getArray();
-        });
-        it("does not affect the map", () => {
-            expect(layersArray.length).toEqual(2);
-            assertEqualsToModel(layersArray[0], SAMPLE_LAYER2);
-            assertEqualsToModel(layersArray[1], SAMPLE_LAYER1);
-        });
-    });
-    describe("layers added", () => {
-        beforeEach(() => {
-            diff = {
-                layersAdded: [
-                    {
-                        layer: SAMPLE_LAYER3,
-                        position: 0,
-                    },
-                    {
-                        layer: SAMPLE_LAYER4,
-                        position: 2,
-                    },
-                ],
-                layersChanged: [],
-                layersRemoved: [],
-                layersReordered: [],
-                viewChanges: {},
-            };
-            applyContextDiffToMap(map, diff);
-            layersArray = map.getLayers().getArray();
-        });
-        it("adds the layers to the map", () => {
-            expect(layersArray.length).toEqual(4);
-            assertEqualsToModel(layersArray[0], SAMPLE_LAYER3);
-            assertEqualsToModel(layersArray[1], SAMPLE_LAYER2);
-            assertEqualsToModel(layersArray[2], SAMPLE_LAYER4);
-            assertEqualsToModel(layersArray[3], SAMPLE_LAYER1);
-        });
-    });
-    describe("layers removed", () => {
-        beforeEach(() => {
-            diff = {
-                layersAdded: [],
-                layersChanged: [],
-                layersRemoved: [
-                    {
-                        layer: SAMPLE_LAYER2,
-                        position: 0,
-                    },
-                    {
-                        layer: SAMPLE_LAYER1,
-                        position: 1,
-                    },
-                ],
-                layersReordered: [],
-                viewChanges: {},
-            };
-            applyContextDiffToMap(map, diff);
-        });
-        it("deletes the layers", () => {
-            expect(map.getLayers().getLength()).toEqual(0);
-        });
-    });
-    describe("layers changed", () => {
-        beforeEach(() => {
-            diff = {
-                layersAdded: [],
-                layersChanged: [
-                    {
-                        layer: Object.assign(Object.assign({}, SAMPLE_LAYER2), { url: "http://changed/" }),
-                        position: 0,
-                    },
-                    {
-                        layer: Object.assign(Object.assign({}, SAMPLE_LAYER1), { url: "http://changed/", extras: {
-                                changed: true,
-                            } }),
-                        position: 1,
-                    },
-                ],
-                layersRemoved: [],
-                layersReordered: [],
-                viewChanges: {},
-            };
-            applyContextDiffToMap(map, diff);
-            layersArray = map.getLayers().getArray();
-        });
-        it("modifies the layers accordingly", () => {
-            expect(layersArray.length).toEqual(2);
-            assertEqualsToModel(layersArray[0], diff.layersChanged[0].layer);
-            assertEqualsToModel(layersArray[1], diff.layersChanged[1].layer);
-        });
-    });
-    describe("reordering", () => {
-        describe("three layers reordered", () => {
-            beforeEach(() => {
-                context = Object.assign(Object.assign({}, SAMPLE_CONTEXT), { layers: [SAMPLE_LAYER1, SAMPLE_LAYER2, SAMPLE_LAYER3] });
-                map = createMapFromContext(context);
-                diff = {
-                    layersAdded: [],
-                    layersChanged: [],
-                    layersRemoved: [],
-                    layersReordered: [
-                        {
-                            layer: SAMPLE_LAYER2,
-                            newPosition: 0,
-                            previousPosition: 1,
-                        },
-                        {
-                            layer: SAMPLE_LAYER1,
-                            newPosition: 1,
-                            previousPosition: 0,
-                        },
-                    ],
-                    viewChanges: {},
-                };
-                applyContextDiffToMap(map, diff);
-                layersArray = map.getLayers().getArray();
-            });
-            it("moves the layers accordingly", () => {
-                expect(layersArray.length).toEqual(3);
-                assertEqualsToModel(layersArray[0], SAMPLE_LAYER2);
-                assertEqualsToModel(layersArray[1], SAMPLE_LAYER1);
-                assertEqualsToModel(layersArray[2], SAMPLE_LAYER3);
-            });
-        });
-        describe("four layers reordered", () => {
-            beforeEach(() => {
-                context = Object.assign(Object.assign({}, SAMPLE_CONTEXT), { layers: [SAMPLE_LAYER1, SAMPLE_LAYER3, SAMPLE_LAYER4, SAMPLE_LAYER2] });
-                map = createMapFromContext(context);
-                diff = {
-                    layersAdded: [],
-                    layersChanged: [],
-                    layersRemoved: [],
-                    layersReordered: [
-                        {
-                            layer: SAMPLE_LAYER4,
-                            newPosition: 0,
-                            previousPosition: 2,
-                        },
-                        {
-                            layer: SAMPLE_LAYER1,
-                            newPosition: 2,
-                            previousPosition: 0,
-                        },
-                    ],
-                    viewChanges: {},
-                };
-                applyContextDiffToMap(map, diff);
-                layersArray = map.getLayers().getArray();
-            });
-            it("moves the layers accordingly", () => {
-                expect(layersArray.length).toEqual(4);
-                assertEqualsToModel(layersArray[0], SAMPLE_LAYER4);
-                assertEqualsToModel(layersArray[1], SAMPLE_LAYER3);
-                assertEqualsToModel(layersArray[2], SAMPLE_LAYER1);
-                assertEqualsToModel(layersArray[3], SAMPLE_LAYER2);
-            });
-        });
-    });
-    describe("combined changes", () => {
-        let changedLayer;
-        beforeEach(() => {
-            changedLayer = Object.assign(Object.assign({}, SAMPLE_LAYER3), { extras: { prop: true } });
-            context = Object.assign(Object.assign({}, context), { layers: [SAMPLE_LAYER1, SAMPLE_LAYER5, SAMPLE_LAYER3, SAMPLE_LAYER4] });
-            map = createMapFromContext(context);
-            diff = {
-                layersAdded: [
-                    {
-                        layer: SAMPLE_LAYER2,
-                        position: 0,
-                    },
-                ],
-                layersChanged: [
-                    {
-                        layer: changedLayer,
-                        position: 1,
-                    },
-                ],
-                layersRemoved: [
-                    {
-                        layer: SAMPLE_LAYER1,
-                        position: 0,
-                    },
-                    {
-                        layer: SAMPLE_LAYER4,
-                        position: 3,
-                    },
-                ],
-                layersReordered: [
-                    {
-                        layer: changedLayer,
-                        newPosition: 1,
-                        previousPosition: 2,
-                    },
-                    {
-                        layer: SAMPLE_LAYER5,
-                        newPosition: 2,
-                        previousPosition: 1,
-                    },
-                ],
-                viewChanges: {},
-            };
-            applyContextDiffToMap(map, diff);
-            layersArray = map.getLayers().getArray();
-        });
-        it("applies all changes", () => {
-            expect(layersArray.length).toEqual(3);
-            assertEqualsToModel(layersArray[0], SAMPLE_LAYER2);
-            assertEqualsToModel(layersArray[1], changedLayer);
-            assertEqualsToModel(layersArray[2], SAMPLE_LAYER5);
-        });
-    });
-});

package/dist/map/create-map.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=create-map.test.d.ts.map

package/dist/map/create-map.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-map.test.d.ts","sourceRoot":"","sources":["../../lib/map/create-map.test.ts"],"names":[],"mappings":""}

package/dist/map/create-map.test.js

@@ -1,300 +0,0 @@
-import TileLayer from "ol/layer/Tile";
-import VectorLayer from "ol/layer/Vector";
-import Map from "ol/Map";
-import TileWMS from "ol/source/TileWMS";
-import VectorSource from "ol/source/Vector";
-import XYZ from "ol/source/XYZ";
-import View from "ol/View";
-import GeoJSON from "ol/format/GeoJSON";
-import { MAP_CTX_EXTENT_FIXTURE, MAP_CTX_FIXTURE, MAP_CTX_LAYER_GEOJSON_FIXTURE, MAP_CTX_LAYER_GEOJSON_REMOTE_FIXTURE, MAP_CTX_LAYER_WFS_FIXTURE, MAP_CTX_LAYER_WMS_FIXTURE, MAP_CTX_LAYER_XYZ_FIXTURE, } from "@geospatial-sdk/core/fixtures/map-context.fixtures";
-import { createLayer, createMapFromContext, createView, resetMapFromContext, } from "./create-map";
-describe("MapContextService", () => {
-    describe("#createLayer", () => {
-        let layerModel, layer;
-        describe("XYZ", () => {
-            beforeEach(() => {
-                layerModel = MAP_CTX_LAYER_XYZ_FIXTURE;
-                layer = createLayer(layerModel);
-            });
-            it("create a tile layer", () => {
-                expect(layer).toBeTruthy();
-                expect(layer).toBeInstanceOf(TileLayer);
-            });
-            it("set correct layer properties", () => {
-                var _a;
-                expect(layer.getVisible()).toBe(true);
-                expect(layer.getOpacity()).toBe(1);
-                expect(layer.get("label")).toBeUndefined();
-                expect((_a = layer.getSource()) === null || _a === void 0 ? void 0 : _a.getAttributions()).toBeNull();
-            });
-            it("create a XYZ source", () => {
-                const source = layer.getSource();
-                expect(source).toBeInstanceOf(XYZ);
-            });
-            it("set correct urls", () => {
-                var _a;
-                const source = layer.getSource();
-                const urls = (_a = source.getUrls()) !== null && _a !== void 0 ? _a : [];
-                expect(urls.length).toBe(3);
-                expect(urls[0]).toEqual("https://a.tile.openstreetmap.org/{z}/{x}/{y}.png");
-            });
-        });
-        describe("WMS", () => {
-            beforeEach(() => {
-                (layerModel = MAP_CTX_LAYER_WMS_FIXTURE),
-                    (layer = createLayer(layerModel));
-            });
-            it("create a tile layer", () => {
-                expect(layer).toBeTruthy();
-                expect(layer).toBeInstanceOf(TileLayer);
-            });
-            it("set correct layer properties", () => {
-                var _a;
-                expect(layer.getVisible()).toBe(false);
-                expect(layer.getOpacity()).toBe(0.5);
-                expect(layer.get("label")).toBe("Communes");
-                // @ts-ignore
-                expect((_a = layer.getSource()) === null || _a === void 0 ? void 0 : _a.getAttributions()()).toEqual(["camptocamp"]);
-            });
-            it("create a TileWMS source", () => {
-                const source = layer.getSource();
-                expect(source).toBeInstanceOf(TileWMS);
-            });
-            it("set correct WMS params", () => {
-                const source = layer.getSource();
-                const params = source.getParams();
-                expect(params.LAYERS).toBe(layerModel.name);
-            });
-            it("set correct url without existing REQUEST and SERVICE params", () => {
-                const source = layer.getSource();
-                const urls = source.getUrls() || [];
-                expect(urls.length).toBe(1);
-                expect(urls[0]).toBe("https://www.geograndest.fr/geoserver/region-grand-est/ows");
-            });
-            it("set WMS gutter of 20px", () => {
-                const source = layer.getSource();
-                const gutter = source["gutter_"];
-                expect(gutter).toBe(20);
-            });
-        });
-        describe("WFS", () => {
-            beforeEach(() => {
-                (layerModel = MAP_CTX_LAYER_WFS_FIXTURE),
-                    (layer = createLayer(layerModel));
-            });
-            it("create a vector layer", () => {
-                expect(layer).toBeTruthy();
-                expect(layer).toBeInstanceOf(VectorLayer);
-            });
-            it("set correct layer properties", () => {
-                var _a;
-                expect(layer.getVisible()).toBe(true);
-                expect(layer.getOpacity()).toBe(0.5);
-                expect(layer.get("label")).toBe("Communes");
-                const attributions = (_a = layer.getSource()) === null || _a === void 0 ? void 0 : _a.getAttributions();
-                expect(attributions).not.toBeNull();
-                // @ts-ignore
-                expect(attributions()).toEqual(["camptocamp"]);
-            });
-            it("create a Vector source", () => {
-                const source = layer.getSource();
-                expect(source).toBeInstanceOf(VectorSource);
-            });
-            it("set correct url load function", () => {
-                const source = layer.getSource();
-                const urlLoader = source.getUrl();
-                expect(urlLoader([10, 20, 30, 40])).toBe("https://www.geograndest.fr/geoserver/region-grand-est/ows?service=WFS&version=1.1.0&request=GetFeature&outputFormat=application%2Fjson&typename=ms%3Acommune_actuelle_3857&srsname=EPSG%3A3857&bbox=10%2C20%2C30%2C40%2CEPSG%3A3857");
-            });
-        });
-        describe("GEOJSON", () => {
-            describe("with inline data", () => {
-                beforeEach(() => {
-                    layerModel = MAP_CTX_LAYER_GEOJSON_FIXTURE;
-                    layer = createLayer(layerModel);
-                });
-                it("create a VectorLayer", () => {
-                    expect(layer).toBeTruthy();
-                    expect(layer).toBeInstanceOf(VectorLayer);
-                });
-                it("set correct layer properties", () => {
-                    expect(layer.getVisible()).toBe(true);
-                    expect(layer.getOpacity()).toBe(0.8);
-                    expect(layer.get("label")).toBe("Regions");
-                });
-                it("create a VectorSource source", () => {
-                    const source = layer.getSource();
-                    expect(source).toBeInstanceOf(VectorSource);
-                });
-                it("add features", () => {
-                    const source = layer.getSource();
-                    const features = source.getFeatures();
-                    const data = layerModel
-                        .data;
-                    expect(features.length).toBe(data.features.length);
-                });
-            });
-            describe("with inline data as string", () => {
-                beforeEach(() => {
-                    layerModel = Object.assign({}, MAP_CTX_LAYER_GEOJSON_FIXTURE);
-                    layerModel.data = JSON.stringify(layerModel.data);
-                    layer = createLayer(layerModel);
-                });
-                it("create a VectorLayer", () => {
-                    expect(layer).toBeTruthy();
-                    expect(layer).toBeInstanceOf(VectorLayer);
-                });
-                it("create a VectorSource source", () => {
-                    const source = layer.getSource();
-                    expect(source).toBeInstanceOf(VectorSource);
-                });
-                it("add features", () => {
-                    const source = layer.getSource();
-                    const features = source.getFeatures();
-                    expect(features.length).toBe(MAP_CTX_LAYER_GEOJSON_FIXTURE.data.features
-                        .length);
-                });
-            });
-            describe("with invalid inline data as string", () => {
-                beforeEach(() => {
-                    const spy = vi.spyOn(window.console, "warn");
-                    spy.mockClear();
-                    layerModel = Object.assign(Object.assign({}, MAP_CTX_LAYER_GEOJSON_FIXTURE), { url: undefined, data: "blargz" });
-                    layer = createLayer(layerModel);
-                });
-                it("create a VectorLayer", () => {
-                    expect(layer).toBeTruthy();
-                    expect(layer).toBeInstanceOf(VectorLayer);
-                });
-                it("outputs error in the console", () => {
-                    expect(window.console.warn).toHaveBeenCalled();
-                });
-                it("create an empty VectorSource source", () => {
-                    const source = layer.getSource();
-                    expect(source).toBeInstanceOf(VectorSource);
-                    expect(source.getFeatures().length).toBe(0);
-                });
-            });
-            describe("with remote file url", () => {
-                beforeEach(() => {
-                    layerModel = MAP_CTX_LAYER_GEOJSON_REMOTE_FIXTURE;
-                    layer = createLayer(layerModel);
-                });
-                it("create a VectorLayer", () => {
-                    expect(layer).toBeTruthy();
-                    expect(layer).toBeInstanceOf(VectorLayer);
-                });
-                it("create a VectorSource source", () => {
-                    const source = layer.getSource();
-                    expect(source).toBeInstanceOf(VectorSource);
-                });
-                it("sets the format as GeoJSON", () => {
-                    const source = layer.getSource();
-                    expect(source.getFormat()).toBeInstanceOf(GeoJSON);
-                });
-                it("set the url to point to the file", () => {
-                    const source = layer.getSource();
-                    expect(source.getUrl()).toBe(layerModel.url);
-                });
-            });
-        });
-    });
-    describe("#createView", () => {
-        let view;
-        let map;
-        describe("from center and zoom", () => {
-            const contextModel = MAP_CTX_FIXTURE;
-            beforeEach(() => {
-                map = createMapFromContext(contextModel);
-                view = createView(contextModel.view, map);
-            });
-            it("create a view", () => {
-                expect(view).toBeTruthy();
-                expect(view).toBeInstanceOf(View);
-            });
-            it("set center", () => {
-                const center = view.getCenter();
-                expect(center).toEqual([862726.0536478702, 6207260.308175252]);
-            });
-            it("set zoom", () => {
-                const zoom = view.getZoom();
-                expect(zoom).toEqual(contextModel.view.zoom);
-            });
-        });
-        describe("from extent", () => {
-            const contextModel = Object.assign(Object.assign({}, MAP_CTX_FIXTURE), { view: Object.assign(Object.assign({}, MAP_CTX_FIXTURE.view), { extent: MAP_CTX_EXTENT_FIXTURE }) });
-            const map = new Map({});
-            map.setSize([100, 100]);
-            beforeEach(() => {
-                view = createView(contextModel.view, map);
-            });
-            it("create a view", () => {
-                expect(view).toBeTruthy();
-                expect(view).toBeInstanceOf(View);
-            });
-            it("set center", () => {
-                const center = view.getCenter();
-                expect(center).toEqual([324027.04834895337, 6438563.654151043]);
-            });
-            it("set zoom", () => {
-                const zoom = view.getZoom();
-                expect(zoom).toEqual(5);
-            });
-        });
-    });
-    describe("#resetMapFromContext", () => {
-        const map = new Map({});
-        const mapContext = MAP_CTX_FIXTURE;
-        beforeEach(() => {
-            resetMapFromContext(map, mapContext);
-        });
-        it("create a map", () => {
-            expect(map).toBeTruthy();
-            expect(map).toBeInstanceOf(Map);
-        });
-        it("add layers", () => {
-            const layers = map.getLayers().getArray();
-            expect(layers.length).toEqual(3);
-        });
-        it("set view", () => {
-            const view = map.getView();
-            expect(view).toBeTruthy();
-            expect(view).toBeInstanceOf(View);
-        });
-        describe("uses default fallback view", () => {
-            let view;
-            const map = new Map({});
-            const mapContext = {
-                view: {},
-                layers: [
-                    MAP_CTX_LAYER_XYZ_FIXTURE,
-                    MAP_CTX_LAYER_WMS_FIXTURE,
-                    MAP_CTX_LAYER_GEOJSON_FIXTURE,
-                ],
-            };
-            beforeEach(() => {
-                resetMapFromContext(map, mapContext);
-            });
-            it("create a map", () => {
-                expect(map).toBeTruthy();
-                expect(map).toBeInstanceOf(Map);
-            });
-            it("add layers", () => {
-                const layers = map.getLayers().getArray();
-                expect(layers.length).toEqual(3);
-            });
-            it("set view", () => {
-                view = map.getView();
-                expect(view).toBeTruthy();
-                expect(view).toBeInstanceOf(View);
-            });
-            it("set center", () => {
-                const center = view.getCenter();
-                expect(center).toEqual([0, 0]);
-            });
-            it("set zoom", () => {
-                const zoom = view.getZoom();
-                expect(zoom).toEqual(0);
-            });
-        });
-    });
-});

package/dist/map/styles.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=styles.test.d.ts.map

package/dist/map/styles.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.test.d.ts","sourceRoot":"","sources":["../../lib/map/styles.test.ts"],"names":[],"mappings":""}

package/dist/map/styles.test.js

@@ -1,204 +0,0 @@
-import chroma from "chroma-js";
-import Style from "ol/style/Style";
-import Feature from "ol/Feature";
-import { LineString, Point, Polygon } from "ol/geom";
-import { createGeometryStyles, createStyleFunction, defaultHighlightStyle, defaultStyle, } from "./styles";
-describe("MapStyleService", () => {
-    describe("#createGeometryStyles", () => {
-        let styles;
-        let pointStyle;
-        let lineStyle;
-        let polygonStyle;
-        describe("unfocused style", () => {
-            beforeEach(() => {
-                const options = {
-                    color: "orange",
-                };
-                styles = createGeometryStyles(options);
-                pointStyle = styles.point;
-                lineStyle = styles.line;
-                polygonStyle = styles.polygon;
-            });
-            describe("point style", () => {
-                it("has 1 style", () => {
-                    expect(pointStyle).toBeInstanceOf(Style);
-                });
-                it("has correct radius", () => {
-                    var _a;
-                    expect((_a = pointStyle.getImage()) === null || _a === void 0 ? void 0 : _a.getRadius()).toBe(7);
-                });
-                it("has correct fill color", () => {
-                    var _a, _b;
-                    expect((_b = (_a = pointStyle.getImage()) === null || _a === void 0 ? void 0 : _a.getFill()) === null || _b === void 0 ? void 0 : _b.getColor()).toBe("orange");
-                });
-                it("has correct stroke color and width", () => {
-                    var _a, _b, _c, _d;
-                    expect((_b = (_a = pointStyle.getImage()) === null || _a === void 0 ? void 0 : _a.getStroke()) === null || _b === void 0 ? void 0 : _b.getColor()).toBe("white");
-                    expect((_d = (_c = pointStyle.getImage()) === null || _c === void 0 ? void 0 : _c.getStroke()) === null || _d === void 0 ? void 0 : _d.getWidth()).toBe(2);
-                });
-            });
-            describe("polygon style", () => {
-                it("has 1 style", () => {
-                    expect(polygonStyle).toBeInstanceOf(Style);
-                });
-                it("has correct fill color", () => {
-                    var _a;
-                    expect((_a = polygonStyle.getFill()) === null || _a === void 0 ? void 0 : _a.getColor()).toBe(chroma("orange").alpha(0.25).css());
-                });
-                it("has correct stroke color and width", () => {
-                    var _a, _b;
-                    expect((_a = polygonStyle.getStroke()) === null || _a === void 0 ? void 0 : _a.getColor()).toBe("white");
-                    expect((_b = polygonStyle.getStroke()) === null || _b === void 0 ? void 0 : _b.getWidth()).toBe(2);
-                });
-            });
-            describe("line style", () => {
-                it("has 2 styles", () => {
-                    expect(lineStyle).toEqual([expect.any(Style), expect.any(Style)]);
-                });
-                it("has correct color (back stroke)", () => {
-                    var _a;
-                    expect((_a = lineStyle[0].getStroke()) === null || _a === void 0 ? void 0 : _a.getColor()).toBe("white");
-                });
-                it("has correct width (back stroke)", () => {
-                    var _a;
-                    expect((_a = lineStyle[0].getStroke()) === null || _a === void 0 ? void 0 : _a.getWidth()).toBe(6);
-                });
-                it("has correct color (front stroke)", () => {
-                    var _a;
-                    expect((_a = lineStyle[1].getStroke()) === null || _a === void 0 ? void 0 : _a.getColor()).toBe("orange");
-                });
-                it("has correct width (front stroke)", () => {
-                    var _a;
-                    expect((_a = lineStyle[1].getStroke()) === null || _a === void 0 ? void 0 : _a.getWidth()).toBe(2);
-                });
-            });
-        });
-        describe("focused style", () => {
-            beforeEach(() => {
-                const options = {
-                    color: "pink",
-                    isFocused: true,
-                };
-                styles = createGeometryStyles(options);
-                pointStyle = styles.point;
-                lineStyle = styles.line;
-                polygonStyle = styles.polygon;
-            });
-            describe("point style", () => {
-                it("has correct radius", () => {
-                    var _a;
-                    expect((_a = pointStyle.getImage()) === null || _a === void 0 ? void 0 : _a.getRadius()).toBe(8);
-                });
-                it("has correct fill color", () => {
-                    var _a, _b;
-                    expect((_b = (_a = pointStyle.getImage()) === null || _a === void 0 ? void 0 : _a.getFill()) === null || _b === void 0 ? void 0 : _b.getColor()).toBe("pink");
-                });
-                it("has correct stroke color and width", () => {
-                    var _a, _b, _c, _d;
-                    expect((_b = (_a = pointStyle.getImage()) === null || _a === void 0 ? void 0 : _a.getStroke()) === null || _b === void 0 ? void 0 : _b.getColor()).toBe("white");
-                    expect((_d = (_c = pointStyle.getImage()) === null || _c === void 0 ? void 0 : _c.getStroke()) === null || _d === void 0 ? void 0 : _d.getWidth()).toBe(3);
-                });
-            });
-            describe("polygon style", () => {
-                it("has correct fill color", () => {
-                    var _a;
-                    expect((_a = polygonStyle.getFill()) === null || _a === void 0 ? void 0 : _a.getColor()).toBe(chroma("pink").alpha(0.25).css());
-                });
-                it("has correct stroke color and width", () => {
-                    var _a, _b;
-                    expect((_a = polygonStyle.getStroke()) === null || _a === void 0 ? void 0 : _a.getColor()).toBe("white");
-                    expect((_b = polygonStyle.getStroke()) === null || _b === void 0 ? void 0 : _b.getWidth()).toBe(2);
-                });
-            });
-            describe("line style", () => {
-                it("has correct color (back stroke)", () => {
-                    var _a;
-                    expect((_a = lineStyle[0].getStroke()) === null || _a === void 0 ? void 0 : _a.getColor()).toBe("white");
-                });
-                it("has correct width (back stroke)", () => {
-                    var _a;
-                    expect((_a = lineStyle[0].getStroke()) === null || _a === void 0 ? void 0 : _a.getWidth()).toBe(8);
-                });
-                it("has correct color (front stroke)", () => {
-                    var _a;
-                    expect((_a = lineStyle[1].getStroke()) === null || _a === void 0 ? void 0 : _a.getColor()).toBe("pink");
-                });
-                it("has correct width (front stroke)", () => {
-                    var _a;
-                    expect((_a = lineStyle[1].getStroke()) === null || _a === void 0 ? void 0 : _a.getWidth()).toBe(3);
-                });
-            });
-        });
-    });
-    describe("#createStyleFunction", () => {
-        let styleFn;
-        let feature;
-        it("returns a function", () => {
-            styleFn = createStyleFunction(createGeometryStyles({
-                color: "blue",
-            }));
-            feature = new Feature();
-        });
-        describe("with linestring geometry", () => {
-            beforeEach(() => {
-                feature.setGeometry(new LineString([]));
-            });
-            it("resolves to a double style with stroke", () => {
-                const style = styleFn(feature, 1);
-                expect(style).toEqual([expect.any(Style), expect.any(Style)]);
-                expect(style[0].getStroke()).toBeTruthy();
-                expect(style[0].getFill()).toBeFalsy();
-                expect(style[0].getImage()).toBeFalsy();
-            });
-        });
-        describe("with point geometry", () => {
-            beforeEach(() => {
-                feature.setGeometry(new Point([]));
-            });
-            it("resolves to a style with image", () => {
-                const style = styleFn(feature, 1);
-                expect(style.getImage()).toBeTruthy();
-                expect(style.getFill()).toBeFalsy();
-                expect(style.getStroke()).toBeFalsy();
-            });
-        });
-        describe("with polygon geometry", () => {
-            beforeEach(() => {
-                feature.setGeometry(new Polygon([]));
-            });
-            it("resolves to a style with fill and stroke", () => {
-                const style = styleFn(feature, 1);
-                expect(style.getFill()).toBeTruthy();
-                expect(style.getStroke()).toBeTruthy();
-                expect(style.getImage()).toBeFalsy();
-            });
-        });
-    });
-    describe("built-in styles", () => {
-        let pointFeature;
-        let pointStyle;
-        beforeEach(() => {
-            pointFeature = new Feature(new Point([]));
-        });
-        describe("default style", () => {
-            beforeEach(() => {
-                const styleFn = defaultStyle;
-                pointStyle = styleFn(pointFeature, 1);
-            });
-            it("uses the primary theme color", () => {
-                var _a, _b;
-                expect((_b = (_a = pointStyle.getImage()) === null || _a === void 0 ? void 0 : _a.getFill()) === null || _b === void 0 ? void 0 : _b.getColor()).toEqual("blue");
-            });
-        });
-        describe("default highlight style", () => {
-            beforeEach(() => {
-                const styleFn = defaultHighlightStyle;
-                pointStyle = styleFn(pointFeature, 1);
-            });
-            it("uses the secondary theme color", () => {
-                var _a, _b;
-                expect((_b = (_a = pointStyle.getImage()) === null || _a === void 0 ? void 0 : _a.getFill()) === null || _b === void 0 ? void 0 : _b.getColor()).toEqual("red");
-            });
-        });
-    });
-});