maplibre-gl 2.1.0 → 2.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maplibre-gl",
   "description": "BSD licensed community fork of mapbox-gl, a WebGL interactive maps library",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "main": "dist/maplibre-gl.js",
   "style": "dist/maplibre-gl.css",
   "license": "BSD-3-Clause",
@@ -12,7 +12,7 @@
   "types": "dist/maplibre-gl.d.ts",
   "type": "module",
   "dependencies": {
-    "@mapbox/geojson-rewind": "^0.5.0",
+    "@mapbox/geojson-rewind": "^0.5.1",
     "@mapbox/jsonlint-lines-primitives": "^2.0.2",
     "@mapbox/mapbox-gl-supported": "^2.0.1",
     "@mapbox/point-geometry": "^0.1.0",
@@ -21,21 +21,21 @@
     "@mapbox/vector-tile": "^1.3.1",
     "@mapbox/whoots-js": "^3.1.0",
     "csscolorparser": "~1.0.3",
-    "earcut": "^2.2.2",
+    "earcut": "^2.2.3",
     "geojson-vt": "^3.2.1",
-    "gl-matrix": "^3.2.1",
+    "gl-matrix": "^3.4.3",
     "murmurhash-js": "^1.0.0",
     "pbf": "^3.2.1",
-    "potpack": "^1.0.1",
+    "potpack": "^1.0.2",
     "quickselect": "^2.0.0",
     "supercluster": "^7.1.4",
     "tinyqueue": "^2.0.3",
-    "vt-pbf": "^3.1.1"
+    "vt-pbf": "^3.1.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.0",
+    "@babel/core": "^7.16.12",
     "@mapbox/gazetteer": "^5.1.0",
-    "@mapbox/mapbox-gl-rtl-text": "^0.2.1",
+    "@mapbox/mapbox-gl-rtl-text": "^0.2.3",
     "@mapbox/mvt-fixtures": "^3.6.0",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-json": "^4.1.0",
@@ -43,77 +43,74 @@
     "@rollup/plugin-replace": "^3.0.1",
     "@rollup/plugin-strip": "^2.1.0",
     "@rollup/plugin-typescript": "^8.3.0",
-    "@types/babel__core": "^7.1.12",
-    "@types/babelify": "^7.3.6",
-    "@types/benchmark": "^2.1.0",
-    "@types/browserify": "^12.0.36",
+    "@types/babel__core": "^7.1.18",
+    "@types/babelify": "^7.3.7",
+    "@types/benchmark": "^2.1.1",
+    "@types/browserify": "^12.0.37",
     "@types/cssnano": "^5.0.0",
-    "@types/d3": "^5.16.4",
-    "@types/diff": "^4.0.2",
+    "@types/d3": "^7.1.0",
+    "@types/diff": "^5.0.2",
     "@types/earcut": "^2.1.1",
     "@types/ejs": "^3.1.0",
-    "@types/eslint": "^8.2.1",
+    "@types/eslint": "^8.4.1",
     "@types/geojson": "^7946.0.8",
     "@types/gl": "^4.1.0",
-    "@types/glob": "^7.1.3",
-    "@types/jest": "^27.0.2",
+    "@types/glob": "^7.2.0",
+    "@types/jest": "^27.4.0",
     "@types/jsdom": "^16.2.14",
     "@types/lodash.template": "^4.5.0",
     "@types/mapbox__point-geometry": "^0.1.2",
     "@types/mapbox__vector-tile": "^1.3.0",
-    "@types/minimist": "^1.2.1",
+    "@types/minimist": "^1.2.2",
     "@types/murmurhash-js": "^1.0.3",
-    "@types/node-notifier": "^8.0.0",
-    "@types/offscreencanvas": "^2019.6.3",
+    "@types/node-notifier": "^8.0.2",
+    "@types/offscreencanvas": "^2019.6.4",
     "@types/pbf": "^3.0.2",
-    "@types/pixelmatch": "^5.2.2",
+    "@types/pixelmatch": "^5.2.4",
     "@types/pngjs": "^6.0.1",
     "@types/puppeteer": "^5.4.4",
-    "@types/react": "^17.0.19",
-    "@types/react-dom": "^17.0.9",
-    "@types/request": "^2.48.7",
-    "@types/rollup-plugin-json": "^3.0.2",
+    "@types/react": "^17.0.38",
+    "@types/react-dom": "^17.0.11",
+    "@types/request": "^2.48.8",
+    "@types/rollup-plugin-json": "^3.0.3",
     "@types/selenium-webdriver": "^4.0.16",
     "@types/shuffle-seed": "^1.1.0",
-    "@types/sinon": "^10.0.2",
-    "@types/stylelint": "^14.0.0",
-    "@types/supercluster": "^5.0.2",
+    "@types/sinon": "^10.0.9",
+    "@types/supercluster": "^5.0.3",
     "@types/tape": "^4.13.2",
     "@types/window-or-global": "^1.0.4",
-    "@typescript-eslint/eslint-plugin": "^5.9.1",
-    "@typescript-eslint/parser": "^5.9.1",
+    "@typescript-eslint/eslint-plugin": "^5.10.1",
+    "@typescript-eslint/parser": "^5.10.1",
     "address": "^1.1.2",
     "babel-eslint": "^10.0.1",
-    "babel-jest": "^27.2.5",
+    "babel-jest": "^27.4.6",
     "babelify": "^10.0.0",
     "benchmark": "^2.1.4",
     "browserify": "^17.0.0",
     "canvas": "^2.9.0",
-    "chokidar": "^3.0.2",
-    "cssnano": "^5.0.8",
-    "d3": "^5.16.0",
+    "chokidar": "^3.5.3",
+    "cssnano": "^5.0.16",
+    "d3": "^7.3.0",
     "d3-queue": "^3.0.7",
-    "diff": "^4.0.1",
-    "documentation": "^12.3.0",
-    "dts-bundle-generator": "^6.0.0",
+    "diff": "^5.0.0",
+    "documentation": "13.0.2",
+    "dts-bundle-generator": "^6.4.0",
     "ejs": "^3.1.6",
     "eslint": "^8.7.0",
     "eslint-config-mourner": "^3.0.0",
-    "eslint-plugin-html": "^6.1.2",
-    "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-html": "^6.2.0",
+    "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-jest": "^26.0.0",
-    "eslint-plugin-jsdoc": "^37.0.3",
-    "eslint-plugin-react": "^7.25.1",
+    "eslint-plugin-jsdoc": "^37.7.0",
+    "eslint-plugin-react": "^7.28.0",
     "gl": "^5.0.0",
-    "glob": "^7.1.4",
-    "is-builtin-module": "^3.0.0",
-    "jest": "^27.2.4",
+    "glob": "^7.2.0",
+    "is-builtin-module": "^3.1.0",
+    "jest": "^27.4.7",
     "jest-canvas-mock": "^2.3.1",
     "jest-raw-loader": "^1.0.1",
     "jsdom": "^19.0.0",
     "json-stringify-pretty-compact": "^3.0.0",
-    "lodash": "^4.17.19",
-    "lodash.template": "^4.5.0",
     "mapbox-gl-styles": "^2.0.2",
     "minimist": "^1.2.5",
     "mock-geolocation": "^1.0.11",
@@ -122,38 +119,38 @@
     "npm-font-open-sans": "^1.1.0",
     "npm-run-all": "^4.1.5",
     "nyc": "^15.1.0",
-    "pdf-merger-js": "^3.2.1",
-    "pixelmatch": "^5.1.0",
+    "pdf-merger-js": "^3.3.2",
+    "pixelmatch": "^5.2.1",
     "pngjs": "^6.0.0",
-    "postcss": "^8.3.11",
-    "postcss-cli": "^9.0.2",
+    "postcss": "^8.4.5",
+    "postcss-cli": "^9.1.0",
     "postcss-inline-svg": "^5.0.0",
-    "pretty-bytes": "^5.1.0",
-    "puppeteer": "^13.0.1",
+    "pretty-bytes": "^5.6.0",
+    "puppeteer": "^13.1.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "request": "^2.88.0",
-    "rollup": "^2.56.3",
+    "rollup": "^2.66.1",
     "rollup-plugin-sourcemaps": "^0.6.3",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-unassert": "^0.3.0",
     "rollup-pluginutils": "^2.8.2",
     "rw": "^1.3.3",
-    "selenium-webdriver": "^4.0.0-rc-1",
+    "selenium-webdriver": "^4.1.1",
     "semver": "^7.3.5",
     "shuffle-seed": "^1.1.6",
     "sinon": "^12.0.1",
-    "source-map-explorer": "^2.5.1",
+    "source-map-explorer": "^2.5.2",
     "st": "^3.0.0",
     "stylelint": "^14.3.0",
     "stylelint-config-standard": "^24.0.0",
-    "tap-parser": "^10.0.1",
-    "tape": "^5.3.1",
+    "tap-parser": "^10.1.0",
+    "tape": "^5.5.0",
     "tape-filter": "^1.0.4",
     "testem": "^3.6.0",
-    "ts-jest": "^27.0.5",
+    "ts-jest": "^27.1.3",
     "ts-node": "^10.4.0",
-    "typescript": "^4.5.4"
+    "typescript": "^4.5.5"
   },
   "browser": {
     "./rollup/build/tsc/src/util/web_worker.js": "./build/web_worker_replacement.js"

package/src/css/maplibre-gl.css

@@ -3,7 +3,7 @@
     font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
     overflow: hidden;
     position: relative;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
 }
 
 .maplibregl-canvas,
@@ -117,9 +117,9 @@
 
 .maplibregl-ctrl-group:not(:empty),
 .mapboxgl-ctrl-group:not(:empty) {
-    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
-    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
+    -moz-box-shadow: 0 0 2px rgb(0 0 0 / 10%);
+    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 10%);
+    box-shadow: 0 0 0 2px rgb(0 0 0 / 10%);
 }
 
 @media (-ms-high-contrast: active) {
@@ -179,7 +179,7 @@
 .maplibregl-ctrl-group button:focus,
 .mapboxgl-ctrl-attrib-button:focus,
 .mapboxgl-ctrl-group button:focus {
-    box-shadow: 0 0 2px 2px rgba(0, 150, 255, 1);
+    box-shadow: 0 0 2px 2px rgb(0 150 255 / 100%);
 }
 
 .maplibregl-ctrl button:disabled,
@@ -194,12 +194,12 @@
 
 .maplibregl-ctrl button:not(:disabled):hover,
 .mapboxgl-ctrl button:not(:disabled):hover {
-    background-color: rgba(0, 0, 0, 0.05);
+    background-color: rgb(0 0 0 / 5%);
 }
 
 .maplibregl-ctrl-group button:focus:focus-visible,
 .mapboxgl-ctrl-group button:focus:focus-visible {
-    box-shadow: 0 0 2px 2px rgba(0, 150, 255, 1);
+    box-shadow: 0 0 2px 2px rgb(0 150 255 / 100%);
 }
 
 .maplibregl-ctrl-group button:focus:not(:focus-visible),
@@ -519,7 +519,7 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
 .maplibregl-ctrl.maplibregl-ctrl-attrib,
 .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
     padding: 0 5px;
-    background-color: rgba(255, 255, 255, 0.5);
+    background-color: rgb(255 255 255 / 50%);
     margin: 0;
 }
 
@@ -559,7 +559,7 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
         cursor: pointer;
         position: absolute;
         background-image: svg-load("svg/maplibregl-ctrl-attrib.svg");
-        background-color: rgba(255, 255, 255, 0.5);
+        background-color: rgb(255 255 255 / 50%);
         width: 24px;
         height: 24px;
         box-sizing: border-box;
@@ -586,7 +586,7 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
 
     .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button,
     .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
-        background-color: rgba(0, 0, 0, 0.05);
+        background-color: rgb(0 0 0 / 5%);
     }
 
     .maplibregl-ctrl-bottom-right > .maplibregl-ctrl-attrib.maplibregl-compact::after,
@@ -630,7 +630,7 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
 
 .maplibregl-ctrl-attrib a,
 .mapboxgl-ctrl-attrib a {
-    color: rgba(0, 0, 0, 0.75);
+    color: rgb(0 0 0 / 75%);
     text-decoration: none;
 }
 
@@ -647,7 +647,7 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
 
 .maplibregl-ctrl-scale,
 .mapboxgl-ctrl-scale {
-    background-color: rgba(255, 255, 255, 0.75);
+    background-color: rgb(255 255 255 / 75%);
     font-size: 10px;
     border-width: medium 2px 2px;
     border-style: none solid solid;
@@ -789,7 +789,7 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
 
 .maplibregl-popup-close-button:hover,
 .mapboxgl-popup-close-button:hover {
-    background-color: rgba(0, 0, 0, 0.05);
+    background-color: rgb(0 0 0 / 5%);
 }
 
 .maplibregl-popup-content,
@@ -797,7 +797,7 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     position: relative;
     background: #fff;
     border-radius: 3px;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
     padding: 15px 10px;
     pointer-events: auto;
 }
@@ -884,7 +884,7 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     top: -2px;
     width: 19px;
     box-sizing: border-box;
-    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
+    box-shadow: 0 0 3px rgb(0 0 0 / 35%);
 }
 
 @-webkit-keyframes maplibregl-user-location-dot-pulse {

package/src/source/tile_cache.test.ts

@@ -30,19 +30,20 @@ describe('TileCache', () => {
         keysExpected(cache, []);
     });
 
-    test('get without removing', () => {
+    test('get without removing', done => {
         const cache = new TileCache(10, () => {
-            fail();
+            done('test "get without removing" failed');
         });
         expect(cache.add(idA, tileA)).toBe(cache);
         expect(cache.get(idA)).toBe(tileA);
         keysExpected(cache, [idA]);
         expect(cache.get(idA)).toBe(tileA);
+        done();
     });
 
-    test('duplicate add', () => {
+    test('duplicate add', done => {
         const cache = new TileCache(10, () => {
-            fail();
+            done('test "duplicate add" failed');
         });
 
         cache.add(idA, tileA);
@@ -53,6 +54,7 @@ describe('TileCache', () => {
         expect(cache.getAndRemove(idA)).toBe(tileA);
         expect(cache.has(idA)).toBeTruthy();
         expect(cache.getAndRemove(idA)).toBe(tileA2);
+        done();
     });
 
     test('expiry', () => {

package/src/source/vector_tile_source.test.ts

@@ -9,13 +9,13 @@ import fixturesSource from '../../test/fixtures/source.json';
 import {getMockDispatcher, getWrapDispatcher} from '../util/test/util';
 import Map from '../ui/map';
 
-function createSource(options, transformCallback?) {
+function createSource(options, transformCallback?, clearTiles = () => {}) {
     const source = new VectorTileSource('id', options, getMockDispatcher(), options.eventedParent);
     source.onAdd({
         transform: {showCollisionBoxes: false},
         _getMapId: () => 1,
         _requestManager: new RequestManager(transformCallback),
-        style: {sourceCaches: {id: {clearTiles: () => {}}}},
+        style: {sourceCaches: {id: {clearTiles}}},
         getPixelRatio() { return 1; }
     } as any as Map);
 
@@ -343,4 +343,15 @@ describe('VectorTileSource', () => {
             tiles: ['http://example2.com/{z}/{x}/{y}.png']
         });
     });
+
+    test('setTiles only clears the cache once the TileJSON has reloaded', done => {
+        const clearTiles = jest.fn();
+        const source = createSource({tiles: ['http://example.com/{z}/{x}/{y}.pbf']}, undefined, clearTiles);
+        source.setTiles(['http://example2.com/{z}/{x}/{y}.pbf']);
+        expect(clearTiles.mock.calls).toHaveLength(0);
+        source.once('data', () => {
+            expect(clearTiles.mock.calls).toHaveLength(1);
+            done();
+        });
+    });
 });

package/src/source/vector_tile_source.ts

@@ -97,6 +97,7 @@ class VectorTileSource extends Evented implements Source {
         this._tileJSONRequest = loadTileJSON(this._options, this.map._requestManager, (err, tileJSON) => {
             this._tileJSONRequest = null;
             this._loaded = true;
+            this.map.style.sourceCaches[this.id].clearTiles();
             if (err) {
                 this.fire(new ErrorEvent(err));
             } else if (tileJSON) {
@@ -132,8 +133,6 @@ class VectorTileSource extends Evented implements Source {
 
         callback();
 
-        const sourceCache = this.map.style.sourceCaches[this.id];
-        sourceCache.clearTiles();
         this.load();
     }
 

package/src/style/load_glyph_range.test.ts

@@ -26,8 +26,6 @@ test('loadGlyphRange', done => {
             const id = Number(key);
             const glyph = result[id];
 
-            if (!glyph) return done.fail(); // appease flow
-
             expect(glyph.id).toBe(Number(id));
             expect(glyph.metrics).toBeTruthy();
             expect(typeof glyph.metrics.width).toBe('number');

package/src/style/style.test.ts

@@ -48,6 +48,7 @@ function createGeoJSONSource() {
 }
 
 class StubMap extends Evented {
+    style: Style;
     transform: Transform;
     private _requestManager: RequestManager;
 
@@ -68,6 +69,12 @@ class StubMap extends Evented {
 
 const getStubMap = () => new StubMap() as any;
 
+function createStyle(map = getStubMap()) {
+    const style = new Style(map);
+    map.style = style;
+    return style;
+}
+
 let sinonFakeXMLServer;
 let sinonFakeServer;
 let _self;
@@ -258,7 +265,7 @@ describe('Style#loadJSON', () => {
     });
 
     test('creates sources', done => {
-        const style = new Style(getStubMap());
+        const style = createStyle();
 
         style.on('style.load', () => {
             expect(style.sourceCaches['mapLibre'] instanceof SourceCache).toBeTruthy();
@@ -276,7 +283,7 @@ describe('Style#loadJSON', () => {
     });
 
     test('creates layers', done => {
-        const style = new Style(getStubMap());
+        const style = createStyle();
 
         style.on('style.load', () => {
             expect(style.getLayer('fill') instanceof StyleLayer).toBeTruthy();
@@ -302,7 +309,7 @@ describe('Style#loadJSON', () => {
     test('transforms sprite json and image URLs before request', done => {
         const map = getStubMap();
         const transformSpy = jest.spyOn(map._requestManager, 'transformRequest');
-        const style = new Style(map);
+        const style = createStyle(map);
 
         style.on('style.load', () => {
             expect(transformSpy).toHaveBeenCalledTimes(2);
@@ -319,7 +326,7 @@ describe('Style#loadJSON', () => {
     });
 
     test('emits an error on non-existant vector source layer', done => {
-        const style = new Style(getStubMap());
+        const style = createStyle();
         style.loadJSON(createStyleJSON({
             sources: {
                 '-source-id-': {type: 'vector', tiles: []}
@@ -407,7 +414,7 @@ describe('Style#_remove', () => {
 
 describe('Style#update', () => {
     test('on error', done => {
-        const style = new Style(getStubMap());
+        const style = createStyle();
         style.loadJSON({
             'version': 8,
             'sources': {
@@ -449,7 +456,7 @@ describe('Style#setState', () => {
     });
 
     test('do nothing if there are no changes', done => {
-        const style = new Style(getStubMap());
+        const style = createStyle();
         style.loadJSON(createStyleJSON());
         jest.spyOn(style, 'addLayer').mockImplementation(() => done('test failed'));
         jest.spyOn(style, 'removeLayer').mockImplementation(() => done('test failed'));
@@ -574,7 +581,7 @@ describe('Style#addSource', () => {
     });
 
     test('fires "data" event', done => {
-        const style = new Style(getStubMap());
+        const style = createStyle();
         style.loadJSON(createStyleJSON());
         const source = createSource();
         style.once('data', () => { done(); });
@@ -585,7 +592,7 @@ describe('Style#addSource', () => {
     });
 
     test('throws on duplicates', done => {
-        const style = new Style(getStubMap());
+        const style = createStyle();
         style.loadJSON(createStyleJSON());
         const source = createSource();
         style.on('style.load', () => {
@@ -607,7 +614,7 @@ describe('Style#addSource', () => {
                 done();
             }
         };
-        const style = new Style(getStubMap());
+        const style = createStyle();
         style.loadJSON(createStyleJSON({
             layers: [{
                 id: 'background',
@@ -795,7 +802,7 @@ describe('Style#addLayer', () => {
     });
 
     test('throws on non-existant vector source layer', done => {
-        const style = new Style(getStubMap());
+        const style = createStyle();
         style.loadJSON(createStyleJSON({
             sources: {
                 // At least one source must be added to trigger the load event
@@ -864,7 +871,7 @@ describe('Style#addLayer', () => {
     });
 
     test('reloads source', done => {
-        const style = new Style(getStubMap());
+        const style = createStyle();
         style.loadJSON(extend(createStyleJSON(), {
             'sources': {
                 'mapLibre': {
@@ -891,7 +898,7 @@ describe('Style#addLayer', () => {
     });
 
     test('#3895 reloads source (instead of clearing) if adding this layer with the same type, immediately after removing it', done => {
-        const style = new Style(getStubMap());
+        const style = createStyle();
         style.loadJSON(extend(createStyleJSON(), {
             'sources': {
                 'mapLibre': {
@@ -928,7 +935,7 @@ describe('Style#addLayer', () => {
     });
 
     test('clears source (instead of reloading) if adding this layer with a different type, immediately after removing it', done => {
-        const style = new Style(getStubMap());
+        const style = createStyle();
         style.loadJSON(extend(createStyleJSON(), {
             'sources': {
                 'mapLibre': {

package/src/ui/camera.test.ts

@@ -756,9 +756,9 @@ describe('#easeTo', () => {
         const camera = createCamera();
 
         camera
-            .on('zoomstart', () => { fail(); })
-            .on('zoom', () => { fail(); })
-            .on('zoomend', () => { fail(); })
+            .on('zoomstart', () => { done('zoomstart failed'); })
+            .on('zoom', () => { done('zoom failed'); })
+            .on('zoomend', () => { done('zoomend failed'); })
             .on('moveend', () => { done(); });
 
         camera.easeTo({center: [100, 0], duration: 0});
@@ -1545,7 +1545,7 @@ describe('#flyTo', () => {
             .on('moveend', () => {
                 endTime = new Date();
                 timeDiff = endTime - startTime;
-                expect(timeDiff).toBeLessThan(10);
+                expect(timeDiff).toBeLessThan(30);
                 done();
             });
 

package/src/ui/control/logo_control.test.ts

@@ -34,6 +34,7 @@ function createSource(options, logoRequired) {
             _skuToken: '1234567890123',
             canonicalizeTileset: tileJSON => tileJSON.tiles
         },
+        style: {sourceCaches: {id: {clearTiles() {}}}},
         transform: {angle: 0, pitch: 0, showCollisionBoxes: false},
         _getMapId: () => 1
     }as any as Map);

package/src/ui/handler/scroll_zoom.test.ts

@@ -46,7 +46,7 @@ describe('ScrollZoomHandler', () => {
         map.remove();
     });
 
-    test('Zooms for single mouse wheel tick with non-magical deltaY', () => {
+    test('Zooms for single mouse wheel tick with non-magical deltaY', done => {
         const browserNow = jest.spyOn(browser, 'now');
         const now = 1555555555555;
         browserNow.mockReturnValue(now);
@@ -60,6 +60,7 @@ describe('ScrollZoomHandler', () => {
         simulate.wheel(map.getCanvas(), {type: 'wheel', deltaY: -20});
         map.on('zoomstart', () => {
             map.remove();
+            done();
         });
     });