mobility-toolbox-js 2.0.0 → 2.1.0

package/ol/controls/CopyrightControl.test.js

@@ -1,211 +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 /* LOADED */);
-  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').init(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.map = map;
-    expect(control.element.innerHTML).toBe('');
-    getLayer('copyright').init(map);
-    map.renderSync();
-    expect(control.element.innerHTML).toBe('copyright');
-  });
-
-  test('renders an array of copyrights', () => {
-    const control = new CopyrightControl();
-    control.map = map;
-    expect(control.element.innerHTML).toBe('');
-    getLayer(['copyright 1', 'copyright 2']).init(map);
-    map.renderSync();
-    expect(control.element.innerHTML).toBe('copyright 1 | copyright 2');
-  });
-
-  test('renders unique copyrights', () => {
-    const control = new CopyrightControl();
-    control.map = map;
-    expect(control.element.innerHTML).toBe('');
-    getLayer(['copyright 1', 'copyright 2']).init(map);
-    getLayer('copyright 1').init(map);
-    getLayer(['copyright 2']).init(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.map = map;
-    expect(control.element.innerHTML).toBe('');
-    const layer1 = getLayer('copyright hidden', false);
-    layer1.init(map);
-    const layer2 = getLayer('copyright', true);
-    layer2.init(map);
-    map.renderSync();
-    expect(control.element.innerHTML).toBe('copyright');
-
-    // the we update visibility of both layers
-    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').init(map);
-    const control = new CopyrightControl({ active: true });
-    control.map = map;
-    map.renderSync();
-
-    expect(control.element.parentNode).toBe(map.getTargetElement());
-
-    // Should be activated by default.
-    expect(control.active).toBe(true);
-    expect(control.element.innerHTML).toBe('copyright 1');
-
-    // on deactivation
-    control.active = false;
-    map.renderSync();
-    expect(control.element.innerHTML).toBe('');
-  });
-
-  test('should deactivate the control on constrcution then activate it', () => {
-    getLayer('copyright 1').init(map);
-    const control = new CopyrightControl({ active: false });
-    control.map = map;
-    map.renderSync();
-
-    expect(control.element.parentNode).toBe(map.getTargetElement());
-
-    // Should be activated by default.
-    expect(control.active).toBe(false);
-    map.renderSync();
-    expect(control.element.innerHTML).toBe('');
-
-    // on deactivation
-    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').init(map);
-    map.renderSync();
-
-    const control = new CopyrightControl();
-
-    // Add control
-    control.map = map;
-    expect(control.element.parentNode).toBe(map.getTargetElement());
-
-    // Remove control
-    control.map = null;
-    expect(control.element.parentNode).toBe(null);
-  });
-
-  test('should add copyrights in the target element then remove it.', () => {
-    getLayer(['copyright value']).init(map);
-    map.renderSync();
-
-    const target = document.createElement('div');
-    target.setAttribute('id', 'copyright');
-    document.body.appendChild(target);
-
-    const control = new CopyrightControl({
-      target: document.getElementById('copyright'),
-    });
-
-    // Add control
-    control.map = map;
-    expect(control.element.parentNode).toBe(target);
-
-    // Remove control
-    control.map = null;
-    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.map = map;
-    getLayer(['copyright 1', 'copyright 2', 'copyright 3']).init(map);
-    map.renderSync();
-
-    // Add control
-    expect(control.element.innerHTML).toBe(
-      'copyright 1, copyright 2, copyright 3',
-    );
-  });
-});

package/ol/controls/RoutingControl.test.js

@@ -1,216 +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.map = map;
-    expect(map.getTarget().querySelector('#ol-toggle-routing')).toBeDefined();
-    control.viaPoints = [
-      [950476.4055933182, 6003322.253698345],
-      [950389.0813034325, 6003656.659274571],
-    ];
-    control
-      .drawRoute(control.viaPoints)
-      .then(() => {
-        // Should use correct URL
-        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',
-        );
-        // routingLayer should contain three features (2 x viapoints, 1 x route)
-        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.map = map;
-    control.viaPoints = ['a4dca961d199ff76', 'e3666f03cba06b2b'];
-    control
-      .drawRoute(control.viaPoints)
-      .then(() => {
-        // Should use correct URL
-        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',
-        );
-        // routingLayer should contain seven features (2 x viapoints, 5 x route for each graph)
-        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.map = map;
-    control.viaPoints = [
-      [950476.4055933182, 6003322.253698345],
-      [950389.0813034325, 6003656.659274571],
-    ];
-    const error = new Error('Error');
-    error.name = 'AbortError';
-    fetch.mockRejectOnce(error);
-    return control.drawRoute().then((data) => {
-      expect(data).toEqual([undefined]);
-      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.map = map;
-    expect(map.getTarget().querySelector('#ol-toggle-routing')).toBeDefined();
-    control.viaPoints = [
-      [950476.4055933182, 6003322.253698345],
-      [950389.0813034325, 6003656.659274571],
-      '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.map = 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', // will send a stops request fo the station name
-      'station name@46.2,7', // will use the coordinate
-      'stationname@46.2,7.7$3', // will use the coordinate
-      '!stationid', // will send a stops lookup request fo the station id
-      [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,59 +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.map = map;
-    expect(control.element).toBeDefined();
-    control.search('foo').then(() => {
-      // Correct url
-      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();
-    });
-  });
-});

package/ol/controls/snapshots/RoutingControlRouteGen10.json

@@ -1,58 +0,0 @@
-{
-  "features": [
-    {
-      "geometry": {
-        "coordinates": [
-          [8.5234620579, 47.3714721139],
-          [8.5266667916, 47.3612282162],
-          [8.5195902956, 47.3496592003],
-          [8.5196416298, 47.3431513437],
-          [8.5203273884, 47.3346117124],
-          [8.5241638676, 47.3123040635],
-          [8.5440189992, 47.2868746026],
-          [8.557497175, 47.2682770155],
-          [8.576034425, 47.2390513262],
-          [8.5759843702, 47.2390450906],
-          [8.5441590719, 47.2047577363],
-          [8.5152951716, 47.1736235466],
-          [8.4831280768, 47.176204783],
-          [8.4574835563, 47.1782428598],
-          [8.4448812278, 47.1712413881],
-          [8.4509444203, 47.1420209114],
-          [8.4304740108, 47.1417591601],
-          [8.3947761627, 47.1213268081],
-          [8.3423448296, 47.0842576333],
-          [8.2951813058, 47.0612043674],
-          [8.2951327267, 47.0611946876],
-          [8.310157237, 47.050170361]
-        ],
-        "type": "LineString"
-      },
-      "properties": {
-        "beeline": false,
-        "lines": [],
-        "station_from": {
-          "id": "",
-          "latitude": 8.5234620579,
-          "longitude": 47.3714721139,
-          "name": "zuerich hauptbahnhof szu gleisende",
-          "platform": ""
-        },
-        "station_to": {
-          "id": "e3666f03cba06b2b",
-          "latitude": 8.310157237,
-          "longitude": 47.050170361,
-          "name": "",
-          "platform": ""
-        }
-      },
-      "type": "Feature"
-    }
-  ],
-  "properties": {
-    "lines": [],
-    "network": "trafper10_qfanas",
-    "skippedVias": []
-  },
-  "type": "FeatureCollection"
-}