Organize tests

test/browser/spec/ol/vectorrendertile.test.js

@@ -0,0 +1,98 @@
+import EventType from '../../../../src/ol/events/EventType.js';
+import GeoJSON from '../../../../src/ol/format/GeoJSON.js';
+import TileGrid from '../../../../src/ol/tilegrid/TileGrid.js';
+import TileState from '../../../../src/ol/TileState.js';
+import VectorTileSource from '../../../../src/ol/source/VectorTile.js';
+import {defaultLoadFunction} from '../../../../src/ol/source/VectorTile.js';
+import {listen, unlistenByKey} from '../../../../src/ol/events.js';
+
+describe('ol.VectorRenderTile', function () {
+  it('triggers "change" when previously failed source tiles are loaded', function (done) {
+    let sourceTile;
+    const source = new VectorTileSource({
+      format: new GeoJSON(),
+      url: 'spec/ol/data/unavailable.json',
+      tileLoadFunction: function (tile, url) {
+        sourceTile = tile;
+        defaultLoadFunction(tile, url);
+      },
+    });
+    const tile = source.getTile(0, 0, 0, 1, source.getProjection());
+
+    tile.load();
+    let calls = 0;
+    listen(tile, 'change', function (e) {
+      ++calls;
+      if (calls === 1) {
+        expect(tile.getState()).to.be(TileState.LOADED);
+        expect(tile.hifi).to.be(false);
+        setTimeout(function () {
+          sourceTile.setState(TileState.LOADED);
+          expect(tile.hifi).to.be(true);
+        }, 0);
+      } else if (calls === 2) {
+        done();
+      }
+    });
+  });
+
+  it('sets LOADED state and hifi==false when source tiles fail to load', function (done) {
+    const source = new VectorTileSource({
+      format: new GeoJSON(),
+      url: 'spec/ol/data/unavailable.json',
+    });
+    const tile = source.getTile(0, 0, 0, 1, source.getProjection());
+
+    tile.load();
+
+    listen(tile, 'change', function (e) {
+      expect(tile.getState()).to.be(TileState.LOADED);
+      expect(tile.hifi).to.be(false);
+      done();
+    });
+  });
+
+  it('sets EMPTY state when tile has only empty source tiles', function () {
+    const source = new VectorTileSource({
+      format: new GeoJSON(),
+      url: '',
+    });
+    const tile = source.getTile(0, 0, 0, 1, source.getProjection());
+
+    tile.load();
+    expect(tile.getState()).to.be(TileState.EMPTY);
+  });
+
+  it("only loads tiles within the source tileGrid's extent", function (done) {
+    const url = 'spec/ol/data/point.json';
+    const source = new VectorTileSource({
+      projection: 'EPSG:4326',
+      format: new GeoJSON(),
+      tileGrid: new TileGrid({
+        resolutions: [0.02197265625, 0.010986328125, 0.0054931640625],
+        origin: [-180, 90],
+        extent: [-88, 35, -87, 36],
+      }),
+      tileUrlFunction: function (zxy) {
+        return url;
+      },
+      url: url,
+    });
+    const tile = source.getTile(0, 0, 0, 1, source.getProjection());
+
+    tile.load();
+    const key = listen(tile, EventType.CHANGE, function () {
+      if (tile.getState() === TileState.LOADED) {
+        unlistenByKey(key);
+        const sourceTiles = source.getSourceTiles(
+          1,
+          source.getProjection(),
+          tile
+        );
+        expect(sourceTiles.length).to.be(1);
+        expect(sourceTiles[0].tileCoord).to.eql([0, 16, 9]);
+        done();
+      }
+    });
+  });
+});