mobility-toolbox-js 2.0.1-beta.13 → 2.1.0

package/mapbox/layers/TralisLayer.js

@@ -1,182 +0,0 @@
-import { fromLonLat } from "ol/proj";
-import { unByKey } from "ol/Observable";
-import { getWidth, getHeight } from "ol/extent";
-import transformRotate from "@turf/transform-rotate";
-import { point } from "@turf/helpers";
-import mixin from "../../common/mixins/TralisLayerMixin";
-import Layer from "./Layer";
-import { getSourceCoordinates, getMercatorResolution } from "../utils";
-class TralisLayer extends mixin(Layer) {
-  constructor(options = {}) {
-    super({
-      ...options
-    });
-    this.onLoad = this.onLoad.bind(this);
-    this.onMove = this.onMove.bind(this);
-    this.onMoveEnd = this.onMoveEnd.bind(this);
-    this.onZoomEnd = this.onZoomEnd.bind(this);
-    this.onVisibilityChange = this.onVisibilityChange.bind(this);
-  }
-  attachToMap(map, beforeId) {
-    if (!map) {
-      return;
-    }
-    const canvas = map.getCanvas();
-    super.attachToMap(map, {
-      width: canvas.width / this.pixelRatio,
-      height: canvas.height / this.pixelRatio
-    });
-    this.source = {
-      type: "canvas",
-      canvas: this.tracker.canvas,
-      coordinates: getSourceCoordinates(map, this.pixelRatio),
-      animate: true,
-      attribution: this.copyrights && this.copyrights.join(", ")
-    };
-    this.beforeId = beforeId;
-    this.layer = {
-      id: this.key,
-      type: "raster",
-      source: this.key,
-      layout: {
-        visibility: this.visible ? "visible" : "none"
-      },
-      paint: {
-        "raster-opacity": 1,
-        "raster-fade-duration": 0,
-        "raster-resampling": "nearest"
-      }
-    };
-    if (map.isStyleLoaded()) {
-      this.onLoad();
-    }
-    this.map.on("load", this.onLoad);
-    this.listeners = [this.on("change:visible", this.onVisibilityChange)];
-  }
-  detachFromMap() {
-    if (this.map) {
-      this.map.off("load", this.onLoad);
-      this.listeners.forEach((listener) => {
-        unByKey(listener);
-      });
-      if (this.map.getLayer(this.key)) {
-        this.map.removeLayer(this.key);
-      }
-      if (this.map.getSource(this.key)) {
-        this.map.removeSource(this.key);
-      }
-    }
-    super.detachFromMap();
-  }
-  start() {
-    super.start();
-    this.map.on("move", this.onMove);
-    this.map.on("moveend", this.onMoveEnd);
-    this.map.on("zoomend", this.onZoomEnd);
-  }
-  stop() {
-    super.stop();
-    if (this.map) {
-      this.map.off("move", this.onMove);
-      this.map.off("moveend", this.onMoveEnd);
-      this.map.off("zoomend", this.onZoomEnd);
-    }
-  }
-  onLoad() {
-    if (!this.map.getSource(this.key)) {
-      this.map.addSource(this.key, this.source);
-    }
-    if (!this.map.getLayer(this.key)) {
-      this.map.addLayer(this.layer, this.beforeId);
-    }
-  }
-  onUserClickCallback(evt) {
-    super.onUserClickCallback({
-      coordinate: fromLonLat(evt.lngLat.toArray()),
-      ...evt
-    });
-  }
-  onUserMoveCallback(evt) {
-    super.onUserMoveCallback({
-      coordinate: fromLonLat(evt.lngLat.toArray()),
-      ...evt
-    });
-  }
-  renderTrajectories(noInterpolate) {
-    const { width, height } = this.map.getCanvas();
-    const center = this.map.getCenter();
-    const leftBottom = this.map.unproject({
-      x: 0,
-      y: height / this.pixelRatio
-    });
-    const rightTop = this.map.unproject({ x: width / this.pixelRatio, y: 0 });
-    const coord0 = transformRotate(point([leftBottom.lng, leftBottom.lat]), -this.map.getBearing(), {
-      pivot: [center.lng, center.lat]
-    }).geometry.coordinates;
-    const coord1 = transformRotate(point([rightTop.lng, rightTop.lat]), -this.map.getBearing(), {
-      pivot: [center.lng, center.lat]
-    }).geometry.coordinates;
-    const bounds = [...fromLonLat(coord0), ...fromLonLat(coord1)];
-    const xResolution = getWidth(bounds) / (width / this.pixelRatio);
-    const yResolution = getHeight(bounds) / (height / this.pixelRatio);
-    const res = Math.max(xResolution, yResolution);
-    const viewState = {
-      size: [width / this.pixelRatio, height / this.pixelRatio],
-      center: fromLonLat([center.lng, center.lat]),
-      extent: bounds,
-      resolution: res,
-      zoom: this.map.getZoom(),
-      rotation: -(this.map.getBearing() * Math.PI) / 180,
-      pixelRatio: this.pixelRatio
-    };
-    super.renderTrajectories(viewState, noInterpolate);
-  }
-  getRefreshTimeInMs() {
-    return super.getRefreshTimeInMs(this.map.getZoom());
-  }
-  getFeatureInfoAtCoordinate(coordinate, options = {}) {
-    const resolution = getMercatorResolution(this.map);
-    return super.getFeatureInfoAtCoordinate(coordinate, {
-      resolution,
-      ...options
-    });
-  }
-  onVisibilityChange() {
-    if (this.visible && !this.map.getLayer(this.key)) {
-      this.map.addLayer(this.layer, this.beforeId);
-    } else if (this.map.getLayer(this.key)) {
-      this.map.removeLayer(this.key);
-    }
-  }
-  purgeTrajectory(trajectory, extent, zoom) {
-    return super.purgeTrajectory(trajectory, extent || this.getMercatorExtent(), zoom || Math.floor(this.map.getZoom() + 1));
-  }
-  setBbox(extent, zoom) {
-    let newExtent = extent;
-    let newZoom = zoom;
-    if (!newExtent && this.isUpdateBboxOnMoveEnd) {
-      newExtent = extent || this.getMercatorExtent();
-      newZoom = Math.floor(this.getOlZoom());
-    }
-    super.setBbox(newExtent, newZoom);
-  }
-  onMove() {
-    const extent = getSourceCoordinates(this.map, this.pixelRatio);
-    const source = this.map.getSource(this.key);
-    if (source) {
-      source.setCoordinates(extent);
-    }
-    this.renderTrajectories();
-  }
-  onMoveEnd() {
-    this.renderTrajectories();
-    if (this.visible && this.isUpdateBboxOnMoveEnd) {
-      this.setBbox();
-    }
-  }
-  onFeatureHover(features, layer, coordinate) {
-    super.onFeatureHover(features, layer, coordinate);
-    this.map.getCanvasContainer().style.cursor = features.length ? "pointer" : "auto";
-  }
-}
-export default TralisLayer;

package/mapbox/layers/TralisLayer.test.js

@@ -1,38 +0,0 @@
-import TralisLayer from "./TralisLayer";
-let layer;
-let onClick;
-describe("TralisLayer", () => {
-  beforeEach(() => {
-    onClick = jest.fn();
-    layer = new TralisLayer({
-      onClick
-    });
-  });
-  test("should be instanced.", () => {
-    expect(layer).toBeInstanceOf(TralisLayer);
-    expect(layer.clickCallbacks[0]).toBe(onClick);
-  });
-  test("#onClick", () => {
-    const f = () => {
-    };
-    layer.onClick(f);
-    expect(layer.clickCallbacks[1]).toBe(f);
-    expect(layer.clickCallbacks.length).toBe(2);
-    layer.onClick(f);
-    expect(layer.clickCallbacks.length).toBe(2);
-  });
-  test("#unClick", () => {
-    const foo = () => {
-    };
-    const bar = () => {
-    };
-    layer.onClick(foo);
-    layer.onClick(bar);
-    expect(layer.clickCallbacks[1]).toBe(foo);
-    expect(layer.clickCallbacks[2]).toBe(bar);
-    expect(layer.clickCallbacks.length).toBe(3);
-    layer.unClick(foo);
-    expect(layer.clickCallbacks[1]).toBe(bar);
-    expect(layer.clickCallbacks.length).toBe(2);
-  });
-});

package/mapbox/utils.js

@@ -1,32 +0,0 @@
-import { getWidth, getHeight } from "ol/extent";
-import { fromLonLat } from "ol/proj";
-export const getMercatorResolution = (map) => {
-  const bounds = map.getBounds().toArray();
-  const a = fromLonLat(bounds[0]);
-  const b = fromLonLat(bounds[1]);
-  const extent = [...a, ...b];
-  const { width, height } = map.getCanvas();
-  const xResolution = getWidth(extent) / width;
-  const yResolution = getHeight(extent) / height;
-  return Math.max(xResolution, yResolution);
-};
-export const getSourceCoordinates = (map, pixelRatio) => {
-  const { width, height } = map.getCanvas();
-  const leftTop = map.unproject({ x: 0, y: 0 });
-  const leftBottom = map.unproject({ x: 0, y: height / pixelRatio });
-  const rightBottom = map.unproject({
-    x: width / pixelRatio,
-    y: height / pixelRatio
-  });
-  const rightTop = map.unproject({ x: width / pixelRatio, y: 0 });
-  return [
-    [leftTop.lng, leftTop.lat],
-    [rightTop.lng, rightTop.lat],
-    [rightBottom.lng, rightBottom.lat],
-    [leftBottom.lng, leftBottom.lat]
-  ];
-};
-export default {
-  getMercatorResolution,
-  getSourceCoordinates
-};

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.setVisible(true);
-    map.renderSync();
-    layer2.setVisible(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,151 +0,0 @@
-import fetch from "jest-fetch-mock";
-import View from "ol/View";
-import qs from "query-string";
-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.getTarget().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?coord-punish=1000&coord-radius=100&elevation=false&graph=osm&key=foo&mot=bus&resolve-hops=false&via=47.3739194713294%2C8.538274823394632%7C47.37595378493421%2C8.537490375951839");
-      expect(control.routingLayer.olLayer.getSource().getFeatures().length).toEqual(3);
-      done();
-    }).catch(() => {
-    });
-  });
-  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/?coord-punish=1000&coord-radius=100&elevation=false&graph=gen5&key=foo&mot=bus&resolve-hops=false&via=%21a4dca961d199ff76%7C%21e3666f03cba06b2b");
-      expect(fetch.mock.calls[3][0]).toEqual("https://foo.ch/?coord-punish=1000&coord-radius=100&elevation=false&graph=gen10&key=foo&mot=bus&resolve-hops=false&via=%21a4dca961d199ff76%7C%21e3666f03cba06b2b");
-      expect(fetch.mock.calls[4][0]).toEqual("https://foo.ch/?coord-punish=1000&coord-radius=100&elevation=false&graph=gen30&key=foo&mot=bus&resolve-hops=false&via=%21a4dca961d199ff76%7C%21e3666f03cba06b2b");
-      expect(fetch.mock.calls[5][0]).toEqual("https://foo.ch/?coord-punish=1000&coord-radius=100&elevation=false&graph=gen100&key=foo&mot=bus&resolve-hops=false&via=%21a4dca961d199ff76%7C%21e3666f03cba06b2b");
-      expect(fetch.mock.calls[6][0]).toEqual("https://foo.ch/?coord-punish=1000&coord-radius=100&elevation=false&graph=osm&key=foo&mot=bus&resolve-hops=false&via=%21a4dca961d199ff76%7C%21e3666f03cba06b2b");
-      expect(control.routingLayer.olLayer.getSource().getFeatures().length).toEqual(7);
-      done();
-    }).catch(() => {
-    });
-  });
-  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 params = qs.parseUrl(fetch.mock.calls[1][0]).query;
-      expect(params.via).toBe("@47.3739194713294,8.538274823394632|@47.37595378493421,8.537490375951839|!e3666f03cba06b2b");
-      done();
-    }).catch(() => {
-    });
-  });
-  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 = qs.parseUrl(fetch.mock.calls[2][0]).query;
-      expect(params.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();
-    }).catch(() => {
-    });
-  });
-});

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?foo=bar&key=foo&limit=10&q=foo");
-      expect(control.element.querySelector("div").querySelector("div").innerHTML).toBe("Bern");
-      done();
-    });
-  });
-});