mobility-toolbox-js 2.0.0-beta.30 → 2.0.0-beta.34

package/ol/controls/CopyrightControl.test.js

@@ -1,165 +0,0 @@
-import View from "ol/View";
-import Tile from "ol/Tile";
-import TileLayer from "ol/layer/Tile";
-import TileSource from "ol/source/Tile";
-import { createXYZ } from "ol/tilegrid";
-import { Map } from "ol";
-import Layer from "../layers/Layer";
-import CopyrightControl from "./CopyrightControl";
-const tileLoadFunction = () => {
-  const tile = new Tile([0, 0, -1], 2);
-  tile.getImage = () => {
-    const image = new Image();
-    image.width = 256;
-    image.height = 256;
-    return image;
-  };
-  return tile;
-};
-const getOLTileLayer = () => {
-  const layer = new TileLayer({
-    source: new TileSource({
-      projection: "EPSG:3857",
-      tileGrid: createXYZ()
-    })
-  });
-  layer.getSource().getTile = tileLoadFunction;
-  return layer;
-};
-const getLayer = (copyrights, visible = true) => new Layer({
-  visible,
-  copyrights,
-  olLayer: getOLTileLayer()
-});
-describe("CopyrightControl", () => {
-  let map;
-  beforeEach(() => {
-    const target = document.createElement("div");
-    document.body.appendChild(target);
-    map = new Map({
-      target,
-      view: new View({
-        center: [0, 0],
-        zoom: 0
-      })
-    });
-    getLayer(true, "bar").attachToMap(map);
-    map.setSize([200, 200]);
-    map.renderSync();
-  });
-  afterEach(() => {
-    if (map) {
-      map.setTarget(null);
-      map = null;
-    }
-  });
-  test("should be activate by default", () => {
-    const control = new CopyrightControl();
-    expect(control.active).toBe(true);
-  });
-  test("renders a string copyright", () => {
-    const control = new CopyrightControl();
-    control.attachToMap(map);
-    expect(control.element.innerHTML).toBe("");
-    getLayer("copyright").attachToMap(map);
-    map.renderSync();
-    expect(control.element.innerHTML).toBe("copyright");
-  });
-  test("renders an array of copyrights", () => {
-    const control = new CopyrightControl();
-    control.attachToMap(map);
-    expect(control.element.innerHTML).toBe("");
-    getLayer(["copyright 1", "copyright 2"]).attachToMap(map);
-    map.renderSync();
-    expect(control.element.innerHTML).toBe("copyright 1 | copyright 2");
-  });
-  test("renders unique copyrights", () => {
-    const control = new CopyrightControl();
-    control.attachToMap(map);
-    expect(control.element.innerHTML).toBe("");
-    getLayer(["copyright 1", "copyright 2"]).attachToMap(map);
-    getLayer("copyright 1").attachToMap(map);
-    getLayer(["copyright 2"]).attachToMap(map);
-    map.renderSync();
-    expect(control.element.innerHTML).toBe("copyright 1 | copyright 2");
-  });
-  test("doesn't render copyright of an hidden layer", () => {
-    const control = new CopyrightControl();
-    control.attachToMap(map);
-    expect(control.element.innerHTML).toBe("");
-    const layer1 = getLayer("copyright hidden", false);
-    layer1.attachToMap(map);
-    const layer2 = getLayer("copyright", true);
-    layer2.attachToMap(map);
-    map.renderSync();
-    expect(control.element.innerHTML).toBe("copyright");
-    layer1.visible = true;
-    map.renderSync();
-    layer2.visible = false;
-    map.renderSync();
-    expect(control.element.innerHTML).toBe("copyright hidden");
-  });
-  test("should activate the control on construction then deactivate it", () => {
-    getLayer("copyright 1").attachToMap(map);
-    const control = new CopyrightControl({ active: true });
-    control.attachToMap(map);
-    map.renderSync();
-    expect(control.element.parentNode).toBe(map.getTargetElement());
-    expect(control.active).toBe(true);
-    expect(control.element.innerHTML).toBe("copyright 1");
-    control.active = false;
-    map.renderSync();
-    expect(control.element.innerHTML).toBe("");
-  });
-  test("should deactivate the control on constrcution then activate it", () => {
-    getLayer("copyright 1").attachToMap(map);
-    const control = new CopyrightControl({ active: false });
-    control.attachToMap(map);
-    map.renderSync();
-    expect(control.element.parentNode).toBe(map.getTargetElement());
-    expect(control.active).toBe(false);
-    map.renderSync();
-    expect(control.element.innerHTML).toBe("");
-    control.active = true;
-    map.renderSync();
-    expect(control.element.innerHTML).toBe("copyright 1");
-  });
-  test("should add copyrights in the map container element then remove it.", () => {
-    getLayer("copyright value").attachToMap(map);
-    map.renderSync();
-    const control = new CopyrightControl();
-    control.attachToMap(map);
-    expect(control.element.parentNode).toBe(map.getTargetElement());
-    control.detachFromMap();
-    expect(control.element.parentNode).toBe(null);
-  });
-  test("should add copyrights in the target element then remove it.", () => {
-    getLayer(["copyright value"]).attachToMap(map);
-    map.renderSync();
-    const target = document.createElement("div");
-    target.setAttribute("id", "copyright");
-    document.body.appendChild(target);
-    const control = new CopyrightControl({
-      target: document.getElementById("copyright")
-    });
-    control.attachToMap(map);
-    expect(control.element.parentNode).toBe(target);
-    control.detachFromMap();
-    expect(control.element.parentNode).toBe(null);
-  });
-  test("renders custom copyrights with the render method ", () => {
-    const control = new CopyrightControl({
-      active: true,
-      render() {
-        if (!this.element) {
-          return;
-        }
-        this.element.innerHTML = this.active ? this.getCopyrights().join(", ") : "";
-      }
-    });
-    control.attachToMap(map);
-    getLayer(["copyright 1", "copyright 2", "copyright 3"]).attachToMap(map);
-    map.renderSync();
-    expect(control.element.innerHTML).toBe("copyright 1, copyright 2, copyright 3");
-  });
-});

package/ol/controls/RoutingControl.test.js

@@ -1,146 +0,0 @@
-import fetch from "jest-fetch-mock";
-import View from "ol/View";
-import Map from "ol/Map";
-import RoutingControl from "./RoutingControl";
-import RoutingControlStation1 from "./snapshots/RoutingControlStation1.json";
-import RoutingControlStation2 from "./snapshots/RoutingControlStation2.json";
-import RoutingControlRouteGen5 from "./snapshots/RoutingControlRouteGen5.json";
-import RoutingControlRouteGen10 from "./snapshots/RoutingControlRouteGen10.json";
-import RoutingControlRouteGen30 from "./snapshots/RoutingControlRouteGen30.json";
-import RoutingControlRouteGen100 from "./snapshots/RoutingControlRouteGen100.json";
-import RoutingControlRouteOSM from "./snapshots/RoutingControlRouteOSM.json";
-describe("RoutingControl", () => {
-  let map;
-  beforeEach(() => {
-    const target = document.createElement("div");
-    document.body.appendChild(target);
-    map = new Map({
-      target,
-      view: new View({
-        center: [0, 0],
-        zoom: 0
-      })
-    });
-    global.fetch = fetch;
-  });
-  afterEach(() => {
-    if (map) {
-      map.setTarget(null);
-      map = null;
-    }
-    fetch.resetMocks();
-  });
-  test("should be activate by default", () => {
-    const control = new RoutingControl();
-    expect(control.active).toBe(true);
-    expect(control.snapToClosestStation).toBe(false);
-    expect(control.useRawViaPoints).toBe(false);
-  });
-  test("launch routing and add features", (done) => {
-    fetch.mockResponseOnce(JSON.stringify(global.fetchRouteResponse));
-    const control = new RoutingControl({
-      url: "https://foo.ch",
-      apiKey: "foo"
-    });
-    control.attachToMap(map);
-    expect(map.getTargetElement().querySelector("#ol-toggle-routing")).toBeDefined();
-    control.viaPoints = [
-      [950476.4055933182, 6003322253698345e-9],
-      [950389.0813034325, 6003656659274571e-9]
-    ];
-    control.drawRoute(control.viaPoints).then(() => {
-      expect(fetch.mock.calls[0][0]).toEqual("https://foo.ch/?key=foo&graph=osm&via=47.3739194713294%2C8.538274823394632%7C47.37595378493421%2C8.537490375951839&mot=bus&resolve-hops=false&elevation=false&coord-radius=100&coord-punish=1000");
-      expect(control.routingLayer.olLayer.getSource().getFeatures().length).toEqual(3);
-      done();
-    });
-  });
-  test("launch routing and add features for multiple graphs", (done) => {
-    fetch.mockResponses([JSON.stringify(RoutingControlStation1), { status: 200 }], [JSON.stringify(RoutingControlStation2), { status: 200 }], [JSON.stringify(RoutingControlRouteGen5), { status: 200 }], [JSON.stringify(RoutingControlRouteGen10), { status: 200 }], [JSON.stringify(RoutingControlRouteGen30), { status: 200 }], [JSON.stringify(RoutingControlRouteGen100), { status: 200 }], [JSON.stringify(RoutingControlRouteOSM), { status: 200 }]);
-    const control = new RoutingControl({
-      url: "https://foo.ch/",
-      stopsApiUrl: "https://foo.ch/",
-      apiKey: "foo",
-      graphs: [
-        ["gen5", 6, 7],
-        ["gen10", 8],
-        ["gen30", 9, 10],
-        ["gen100", 11, 13],
-        ["osm", 14, 99]
-      ]
-    });
-    control.attachToMap(map);
-    control.viaPoints = ["a4dca961d199ff76", "e3666f03cba06b2b"];
-    control.drawRoute(control.viaPoints).then(() => {
-      expect(fetch.mock.calls[0][0]).toEqual("https://foo.ch/lookup/a4dca961d199ff76?key=foo");
-      expect(fetch.mock.calls[1][0]).toEqual("https://foo.ch/lookup/e3666f03cba06b2b?key=foo");
-      expect(fetch.mock.calls[2][0]).toEqual("https://foo.ch/?key=foo&graph=gen5&via=%21a4dca961d199ff76%7C%21e3666f03cba06b2b&mot=bus&resolve-hops=false&elevation=false&coord-radius=100&coord-punish=1000");
-      expect(fetch.mock.calls[3][0]).toEqual("https://foo.ch/?key=foo&graph=gen10&via=%21a4dca961d199ff76%7C%21e3666f03cba06b2b&mot=bus&resolve-hops=false&elevation=false&coord-radius=100&coord-punish=1000");
-      expect(fetch.mock.calls[4][0]).toEqual("https://foo.ch/?key=foo&graph=gen30&via=%21a4dca961d199ff76%7C%21e3666f03cba06b2b&mot=bus&resolve-hops=false&elevation=false&coord-radius=100&coord-punish=1000");
-      expect(fetch.mock.calls[5][0]).toEqual("https://foo.ch/?key=foo&graph=gen100&via=%21a4dca961d199ff76%7C%21e3666f03cba06b2b&mot=bus&resolve-hops=false&elevation=false&coord-radius=100&coord-punish=1000");
-      expect(fetch.mock.calls[6][0]).toEqual("https://foo.ch/?key=foo&graph=osm&via=%21a4dca961d199ff76%7C%21e3666f03cba06b2b&mot=bus&resolve-hops=false&elevation=false&coord-radius=100&coord-punish=1000");
-      expect(control.routingLayer.olLayer.getSource().getFeatures().length).toEqual(7);
-      done();
-    });
-  });
-  test("ignores Abort Error and returns undefined", (done) => {
-    const control = new RoutingControl({
-      url: "https://foo.ch",
-      apiKey: "foo"
-    });
-    control.attachToMap(map);
-    control.viaPoints = [
-      [950476.4055933182, 6003322253698345e-9],
-      [950389.0813034325, 6003656659274571e-9]
-    ];
-    const error = new Error("Error");
-    error.name = "AbortError";
-    fetch.mockRejectOnce(error);
-    return control.drawRoute().then((data) => {
-      expect(data).toEqual([void 0]);
-      done();
-    });
-  });
-  test("calls routing api with @ before the coordinates when snapToClosestStation is true", (done) => {
-    fetch.mockResponses([JSON.stringify(RoutingControlStation1), { status: 200 }], [JSON.stringify(global.fetchRouteResponse), { status: 200 }]);
-    const control = new RoutingControl({
-      apiKey: "foo",
-      snapToClosestStation: true
-    });
-    control.attachToMap(map);
-    expect(map.getTarget().querySelector("#ol-toggle-routing")).toBeDefined();
-    control.viaPoints = [
-      [950476.4055933182, 6003322253698345e-9],
-      [950389.0813034325, 6003656659274571e-9],
-      "e3666f03cba06b2b"
-    ];
-    control.drawRoute(control.viaPoints).then(() => {
-      const { searchParams } = new URL(fetch.mock.calls[1][0]);
-      expect(searchParams.get("via")).toBe("@47.3739194713294,8.538274823394632|@47.37595378493421,8.537490375951839|!e3666f03cba06b2b");
-      done();
-    });
-  });
-  test("calls routing api with raw via points", (done) => {
-    fetch.mockResponses([JSON.stringify(RoutingControlStation1), { status: 200 }], [JSON.stringify(RoutingControlStation2), { status: 200 }], [JSON.stringify(global.fetchRouteResponse), { status: 200 }]);
-    const control = new RoutingControl({
-      apiKey: "foo",
-      useRawViaPoints: true
-    });
-    control.attachToMap(map);
-    expect(map.getTarget().querySelector("#ol-toggle-routing")).toBeDefined();
-    control.viaPoints = [
-      "46.2,7.1",
-      "@46.2,7.1",
-      "@46.2,7$1",
-      "station name$2",
-      "station name@46.2,7",
-      "stationname@46.2,7.7$3",
-      "!stationid",
-      [950389, 6003656]
-    ];
-    control.drawRoute(control.viaPoints).then(() => {
-      const params = new URL(fetch.mock.calls[2][0]).searchParams;
-      expect(params.get("via")).toBe("46.2,7.1|@46.2,7.1|@46.2,7$1|station name$2|station name@46.2,7|stationname@46.2,7.7$3|!stationid|47.375949774398805,8.537489645590679");
-      done();
-    });
-  });
-});

package/ol/controls/StopFinderControl.test.js

@@ -1,48 +0,0 @@
-import fetch from "jest-fetch-mock";
-import View from "ol/View";
-import Map from "ol/Map";
-import StopFinderControl from "./StopFinderControl";
-describe("StopFinderControl", () => {
-  let map;
-  beforeEach(() => {
-    const target = document.createElement("div");
-    document.body.appendChild(target);
-    map = new Map({
-      target,
-      view: new View({
-        center: [0, 0],
-        zoom: 0
-      })
-    });
-    global.fetch = fetch;
-  });
-  afterEach(() => {
-    if (map) {
-      map.setTarget(null);
-      map = null;
-    }
-    fetch.resetMocks();
-  });
-  test("should be activate by default", () => {
-    const control = new StopFinderControl();
-    expect(control.active).toBe(true);
-  });
-  test("launch a search and display results", (done) => {
-    fetch.mockResponseOnce(JSON.stringify(global.stopsSearchResponse));
-    const control = new StopFinderControl({
-      url: "https://foo.ch",
-      apiKey: "foo",
-      apiParams: {
-        limit: 10,
-        foo: "bar"
-      }
-    });
-    control.attachToMap(map);
-    expect(control.element).toBeDefined();
-    control.search("foo").then(() => {
-      expect(fetch.mock.calls[0][0]).toEqual("https://foo.ch/?key=foo&limit=10&foo=bar&q=foo");
-      expect(control.element.querySelector("div").querySelector("div").innerHTML).toBe("Bern");
-      done();
-    });
-  });
-});

package/ol/layers/Layer.test.js

@@ -1,175 +0,0 @@
-import VectorLayer from "ol/layer/Vector";
-import VectorSource from "ol/source/Vector";
-import Map from "ol/Map";
-import Group from "ol/layer/Group";
-import Layer from "./Layer";
-let olLayer;
-let map;
-describe("Layer", () => {
-  beforeEach(() => {
-    map = new Map({});
-    olLayer = new VectorLayer({ source: new VectorSource() });
-  });
-  test("should initialize.", () => {
-    const layer = new Layer({ name: "Layer", olLayer });
-    expect(layer).toBeInstanceOf(Layer);
-  });
-  test("should be visible by default.", () => {
-    const layer = new Layer({ name: "Layer", olLayer });
-    expect(layer.visible).toBe(true);
-  });
-  test("should be invisible if defined.", () => {
-    const layer = new Layer({ name: "Layer", visible: false, olLayer });
-    expect(layer.visible).toBe(false);
-  });
-  test("should be invisible if set.", () => {
-    const layer = new Layer({ name: "Layer", olLayer });
-    layer.visible = false;
-    expect(layer.visible).toBe(false);
-  });
-  test("should visibility stay unchanged", () => {
-    const layer = new Layer({ name: "Layer", visible: false, olLayer });
-    layer.visible = false;
-    expect(layer.visible).toBe(false);
-  });
-  test("should return its name.", () => {
-    const layer = new Layer({ name: "Layer", visible: false, olLayer });
-    expect(layer.name).toEqual("Layer");
-  });
-  test("should call terminate on initialization.", () => {
-    const layer = new Layer({ name: "Layer", olLayer });
-    const spy = jest.spyOn(layer, "detachFromMap");
-    layer.attachToMap();
-    expect(spy).toHaveBeenCalledTimes(1);
-  });
-  test("should remove the layer when we call terminate.", () => {
-    const layer = new Layer({ name: "Layer", olLayer });
-    const spy = jest.spyOn(layer, "detachFromMap");
-    layer.attachToMap(map);
-    expect(spy).toHaveBeenCalledTimes(1);
-    layer.detachFromMap(map);
-    expect(spy).toHaveBeenCalledTimes(2);
-  });
-  test("should manage copyrights as string.", () => {
-    const spy = jest.spyOn(VectorSource.prototype, "setAttributions");
-    const layer = new Layer({ name: "Layer", copyrights: "foo", olLayer });
-    layer.attachToMap(map);
-    expect(spy).toHaveBeenCalledWith(["foo"]);
-  });
-  test("should manage copyrights as array.", () => {
-    const spy = jest.spyOn(VectorSource.prototype, "setAttributions");
-    const layer = new Layer({ name: "Layer", copyrights: ["bar"], olLayer });
-    layer.attachToMap(map);
-    expect(spy).toHaveBeenCalledWith(["bar"]);
-  });
-  test("should set attributions for Group.", () => {
-    const spy = jest.spyOn(VectorSource.prototype, "setAttributions");
-    const layer = new Layer({
-      name: "Layer",
-      copyrights: ["bar"],
-      olLayer: new Group({ layers: [olLayer] })
-    });
-    layer.attachToMap(map);
-    expect(spy).toHaveBeenCalledWith(["bar"]);
-  });
-  test("should listen for click/hover events when layer is visible by default then should not when hidden.", async () => {
-    global.console.error = jest.fn();
-    const layer = new Layer({ name: "Layer", olLayer });
-    expect(layer.visible).toBe(true);
-    const spy = jest.fn();
-    const spy2 = jest.fn();
-    layer.onHover(spy);
-    layer.onClick(spy2);
-    layer.attachToMap(map);
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-    await map.dispatchEvent({ type: "pointermove", map, coordinate: [0, 0] });
-    await map.dispatchEvent({ type: "singleclick", map, coordinate: [0, 0] });
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-    spy.mockReset();
-    spy2.mockReset();
-    layer.visible = false;
-    await map.dispatchEvent({ type: "pointermove", map, coordinate: [0, 0] });
-    await map.dispatchEvent({ type: "singleclick", map, coordinate: [0, 0] });
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-    global.console.error.mockRestore();
-  });
-  test("should not listen for click/hover events when layer is not visible by default then should not when visible.", async () => {
-    global.console.error = jest.fn();
-    const layer = new Layer({ name: "Layer", olLayer, visible: false });
-    expect(layer.visible).toBe(false);
-    const spy = jest.fn();
-    const spy2 = jest.fn();
-    layer.onHover(spy);
-    layer.onClick(spy2);
-    layer.attachToMap(map);
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-    await map.dispatchEvent({ type: "pointermove", map, coordinate: [0, 0] });
-    await map.dispatchEvent({ type: "singleclick", map, coordinate: [0, 0] });
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-    spy.mockReset();
-    spy2.mockReset();
-    layer.visible = true;
-    await map.dispatchEvent({ type: "pointermove", map, coordinate: [0, 0] });
-    await map.dispatchEvent({ type: "singleclick", map, coordinate: [0, 0] });
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-    global.console.error.mockRestore();
-  });
-  test("should not listen for click/hover events  after layer.detachFromMap()", async () => {
-    global.console.error = jest.fn();
-    const layer = new Layer({ name: "Layer", olLayer, visible: true });
-    expect(layer.visible).toBe(true);
-    const spy = jest.fn();
-    const spy2 = jest.fn();
-    layer.attachToMap(map);
-    layer.onHover(spy);
-    layer.onClick(spy2);
-    layer.attachToMap(map);
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-    await map.dispatchEvent({
-      type: "pointermove",
-      map,
-      coordinate: [0, 0]
-    });
-    await map.dispatchEvent({
-      type: "singleclick",
-      map,
-      coordinate: [0, 0]
-    });
-    expect(spy).toHaveBeenCalledTimes(1);
-    expect(spy2).toHaveBeenCalledTimes(1);
-    spy.mockReset();
-    spy2.mockReset();
-    layer.detachFromMap(map);
-    await map.dispatchEvent({
-      type: "pointermove",
-      map,
-      coordinate: [0, 0]
-    });
-    await map.dispatchEvent({
-      type: "singleclick",
-      map,
-      coordinate: [0, 0]
-    });
-    expect(spy).toHaveBeenCalledTimes(0);
-    expect(spy2).toHaveBeenCalledTimes(0);
-    global.console.error.mockRestore();
-  });
-  test("should clone", () => {
-    const layer = new Layer({
-      name: "Layer",
-      copyrights: ["bar"],
-      olLayer: new Group({ layers: [olLayer] })
-    });
-    const clone = layer.clone({ name: "clone" });
-    expect(clone).not.toBe(layer);
-    expect(clone.name).toBe("clone");
-    expect(clone).toBeInstanceOf(Layer);
-  });
-});

package/ol/layers/MapboxLayer.test.js

@@ -1,160 +0,0 @@
-import OlMap from "ol/Map";
-import View from "ol/View";
-import gllib from "mapbox-gl";
-import MapboxLayer from "./MapboxLayer";
-let layer;
-let map;
-let consoleOutput;
-const styleUrl = "http://foo.com/styles";
-describe("MapboxLayer", () => {
-  describe("without apiKey", () => {
-    beforeEach(() => {
-      consoleOutput = [];
-      console.warn = (message) => consoleOutput.push(message);
-      layer = new MapboxLayer({
-        name: "Layer",
-        url: styleUrl
-      });
-      map = new OlMap({
-        target: document.createElement("div"),
-        view: new View({ center: [0, 0] })
-      });
-    });
-    test("should be instanced.", () => {
-      expect(layer).toBeInstanceOf(MapboxLayer);
-      expect(layer.styleUrl).toBe(styleUrl);
-    });
-    test("should not initalized mapbox map.", () => {
-      layer.attachToMap();
-      expect(layer.mbMap).toBe();
-    });
-    test("should initalized mapbox map and warn the user if there is no api key defined.", () => {
-      layer.attachToMap(map);
-      expect(layer.mbMap).toBeInstanceOf(gllib.Map);
-      expect(consoleOutput[0]).toBe("No apiKey is defined for request to http://foo.com/styles");
-    });
-    test("should called terminate on initalization.", () => {
-      const spy = jest.spyOn(layer, "detachFromMap");
-      layer.attachToMap();
-      expect(spy).toHaveBeenCalledTimes(1);
-    });
-    test("should clone", () => {
-      const clone = layer.clone({ name: "clone" });
-      expect(clone).not.toBe(layer);
-      expect(clone.name).toBe("clone");
-      expect(clone).toBeInstanceOf(MapboxLayer);
-    });
-  });
-  describe("with apiKey", () => {
-    beforeEach(() => {
-      layer = new MapboxLayer({
-        name: "Layer",
-        url: styleUrl,
-        apiKey: "apiKey"
-      });
-      map = new OlMap({
-        target: document.createElement("div"),
-        view: new View({ center: [0, 0] })
-      });
-    });
-    test("should be instanced with apiKey.", () => {
-      expect(layer).toBeInstanceOf(MapboxLayer);
-      expect(layer.styleUrl).toBe(styleUrl);
-    });
-    test("should not initalized mapbox map.", () => {
-      layer.attachToMap();
-      expect(layer.mbMap).toBe();
-    });
-    test("should initalized mapbox map, with 'apiKey' prop", () => {
-      const layer1 = new MapboxLayer({
-        name: "Layer",
-        url: styleUrl,
-        apiKey: "apiKeyVal"
-      });
-      layer1.attachToMap(map);
-      expect(layer1.mbMap.options.style).toBe("http://foo.com/styles?key=apiKeyVal");
-    });
-    test("should initalized mapbox map, with 'apiKeyName' prop", () => {
-      const layer1 = new MapboxLayer({
-        name: "Layer",
-        url: styleUrl,
-        apiKey: "test",
-        apiKeyName: "apiKey"
-      });
-      layer1.attachToMap(map);
-      expect(layer1.mbMap.options.style).toBe("http://foo.com/styles?apiKey=test");
-    });
-  });
-  describe("#getFeatureInfoAtCoordinate()", () => {
-    let layer1;
-    beforeEach(() => {
-      layer1 = new MapboxLayer({
-        name: "Layer",
-        url: styleUrl,
-        apiKey: "test",
-        apiKeyName: "apiKey"
-      });
-      layer1.attachToMap(map);
-      layer1.mbMap.isStyleLoaded = jest.fn(() => true);
-      layer1.mbMap.getSource = jest.fn(() => true);
-    });
-    afterEach(() => {
-      layer1.mbMap.getSource.mockRestore();
-      layer1.mbMap.isStyleLoaded.mockRestore();
-    });
-    test("should set the mapboxFeature as a property", (done) => {
-      const mapboxFeature = {
-        id: "2",
-        type: "Feature",
-        properties: {
-          foo: "bar"
-        },
-        source: "barr",
-        sourceLayer: "fooo"
-      };
-      layer1.mbMap.project = jest.fn((coord) => ({ x: coord[0], y: coord[1] }));
-      layer1.mbMap.queryRenderedFeatures = jest.fn(() => [mapboxFeature]);
-      layer1.getFeatureInfoAtCoordinate([0, 0], {}).then((featureInfo) => {
-        expect(featureInfo.features[0].get("mapboxFeature")).toBe(mapboxFeature);
-        done();
-      });
-      layer1.mbMap.project.mockRestore();
-      layer1.mbMap.queryRenderedFeatures.mockRestore();
-    });
-    describe("should use hitTolerance property", () => {
-      beforeEach(() => {
-        layer1.mbMap.project = jest.fn((coord) => ({
-          x: coord[0],
-          y: coord[1]
-        }));
-      });
-      afterEach(() => {
-        layer1.mbMap.project.mockRestore();
-        layer1.mbMap.queryRenderedFeatures.mockRestore();
-      });
-      test("when hitTolerance is not set", (done) => {
-        layer1.mbMap.queryRenderedFeatures = jest.fn((pixelBounds) => {
-          expect(pixelBounds).toEqual([
-            { x: -5, y: -5 },
-            { x: 5, y: 5 }
-          ]);
-          done();
-          return [];
-        });
-        layer1.getFeatureInfoAtCoordinate([0, 0], {});
-      });
-      test("when hitTolerance is set to 10", (done) => {
-        layer1.hitTolerance = 10;
-        layer1.mbMap.queryRenderedFeatures = jest.fn((pixelBounds) => {
-          expect(pixelBounds).toEqual([
-            { x: -10, y: -10 },
-            { x: 10, y: 10 }
-          ]);
-          done();
-          return [];
-        });
-        layer1.getFeatureInfoAtCoordinate([0, 0], {});
-      });
-    });
-  });
-});