ad62739a6e
In addition to using const and let, this also upgrades our linter config and removes lint (mostly whitespace).
242 lines
8.3 KiB
JavaScript
242 lines
8.3 KiB
JavaScript
import ImageTile from '../../../../src/ol/ImageTile.js';
|
|
import TileState from '../../../../src/ol/TileState.js';
|
|
import {createFromTemplate} from '../../../../src/ol/tileurlfunction.js';
|
|
import _ol_events_ from '../../../../src/ol/events.js';
|
|
import {addCommon, clearAllProjections, get as getProjection} from '../../../../src/ol/proj.js';
|
|
import {register} from '../../../../src/ol/proj/proj4.js';
|
|
import _ol_proj_EPSG3857_ from '../../../../src/ol/proj/EPSG3857.js';
|
|
import Projection from '../../../../src/ol/proj/Projection.js';
|
|
import ReprojTile from '../../../../src/ol/reproj/Tile.js';
|
|
import TileImage from '../../../../src/ol/source/TileImage.js';
|
|
import _ol_tilecoord_ from '../../../../src/ol/tilecoord.js';
|
|
import _ol_tilegrid_ from '../../../../src/ol/tilegrid.js';
|
|
|
|
|
|
describe('ol.source.TileImage', function() {
|
|
function createSource(opt_proj, opt_tileGrid, opt_cacheSize) {
|
|
const proj = opt_proj || 'EPSG:3857';
|
|
return new TileImage({
|
|
cacheSize: opt_cacheSize,
|
|
projection: proj,
|
|
tileGrid: opt_tileGrid ||
|
|
_ol_tilegrid_.createForProjection(proj, undefined, [2, 2]),
|
|
tileUrlFunction: createFromTemplate('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=')
|
|
});
|
|
}
|
|
|
|
describe('#getTileCacheForProjection', function() {
|
|
it('uses the cacheSize for reprojected tile caches', function() {
|
|
const source = createSource(undefined, undefined, 42);
|
|
const tileCache = source.getTileCacheForProjection(getProjection('EPSG:4326'));
|
|
expect(tileCache.highWaterMark).to.be(42);
|
|
expect(tileCache).to.not.equal(source.getTileCacheForProjection(source.getProjection()));
|
|
});
|
|
});
|
|
|
|
describe('#setTileGridForProjection', function() {
|
|
it('uses the tilegrid for given projection', function() {
|
|
const source = createSource();
|
|
const tileGrid = _ol_tilegrid_.createForProjection('EPSG:4326', 3, [10, 20]);
|
|
source.setTileGridForProjection('EPSG:4326', tileGrid);
|
|
const retrieved = source.getTileGridForProjection(getProjection('EPSG:4326'));
|
|
expect(retrieved).to.be(tileGrid);
|
|
});
|
|
});
|
|
|
|
describe('#getTileInternal', function() {
|
|
let source, tile;
|
|
|
|
beforeEach(function() {
|
|
source = createSource();
|
|
expect(source.getKey()).to.be('');
|
|
source.getTileInternal(0, 0, -1, 1, getProjection('EPSG:3857'));
|
|
expect(source.tileCache.getCount()).to.be(1);
|
|
tile = source.tileCache.get(_ol_tilecoord_.getKeyZXY(0, 0, -1));
|
|
});
|
|
|
|
it('gets the tile from the cache', function() {
|
|
const returnedTile = source.getTileInternal(
|
|
0, 0, -1, 1, getProjection('EPSG:3857'));
|
|
expect(returnedTile).to.be(tile);
|
|
});
|
|
|
|
describe('change a dynamic param', function() {
|
|
|
|
describe('tile is not loaded', function() {
|
|
it('returns a tile with no interim tile', function() {
|
|
source.getKey = function() {
|
|
return 'key0';
|
|
};
|
|
const returnedTile = source.getTileInternal(
|
|
0, 0, -1, 1, getProjection('EPSG:3857'));
|
|
expect(returnedTile).not.to.be(tile);
|
|
expect(returnedTile.key).to.be('key0');
|
|
expect(returnedTile.interimTile).to.be(null);
|
|
});
|
|
});
|
|
|
|
describe('tile is loaded', function() {
|
|
it('returns a tile with interim tile', function() {
|
|
source.getKey = function() {
|
|
return 'key0';
|
|
};
|
|
tile.state = 2; // LOADED
|
|
const returnedTile = source.getTileInternal(
|
|
0, 0, -1, 1, getProjection('EPSG:3857'));
|
|
expect(returnedTile).not.to.be(tile);
|
|
expect(returnedTile.key).to.be('key0');
|
|
expect(returnedTile.interimTile).to.be(tile);
|
|
});
|
|
});
|
|
|
|
describe('tile is not loaded but interim tile is', function() {
|
|
it('returns a tile with interim tile', function() {
|
|
let dynamicParamsKey, returnedTile;
|
|
source.getKey = function() {
|
|
return dynamicParamsKey;
|
|
};
|
|
dynamicParamsKey = 'key0';
|
|
tile.state = 2; // LOADED
|
|
returnedTile = source.getTileInternal(
|
|
0, 0, -1, 1, getProjection('EPSG:3857'));
|
|
dynamicParamsKey = 'key1';
|
|
returnedTile = source.getTileInternal(
|
|
0, 0, -1, 1, getProjection('EPSG:3857'));
|
|
expect(returnedTile).not.to.be(tile);
|
|
expect(returnedTile.key).to.be('key1');
|
|
expect(returnedTile.interimTile).to.be(tile);
|
|
});
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
describe('#getTile', function() {
|
|
it('does not do reprojection for identity', function() {
|
|
const source3857 = createSource('EPSG:3857');
|
|
const tile3857 = source3857.getTile(0, 0, -1, 1, getProjection('EPSG:3857'));
|
|
expect(tile3857).to.be.a(ImageTile);
|
|
expect(tile3857).not.to.be.a(ReprojTile);
|
|
|
|
const projXXX = new Projection({
|
|
code: 'XXX',
|
|
units: 'degrees'
|
|
});
|
|
const sourceXXX = createSource(projXXX);
|
|
const tileXXX = sourceXXX.getTile(0, 0, -1, 1, projXXX);
|
|
expect(tileXXX).to.be.a(ImageTile);
|
|
expect(tileXXX).not.to.be.a(ReprojTile);
|
|
});
|
|
|
|
beforeEach(function() {
|
|
proj4.defs('4326_noextentnounits', '+proj=longlat +datum=WGS84 +no_defs');
|
|
register(proj4);
|
|
});
|
|
|
|
afterEach(function() {
|
|
delete proj4.defs['4326_noextentnounits'];
|
|
clearAllProjections();
|
|
addCommon();
|
|
});
|
|
|
|
it('can handle source projection without extent and units', function(done) {
|
|
const source = createSource('4326_noextentnounits', _ol_tilegrid_.createXYZ({
|
|
extent: [-180, -90, 180, 90],
|
|
tileSize: [2, 2]
|
|
}));
|
|
const tile = source.getTile(0, 0, -1, 1, getProjection('EPSG:3857'));
|
|
expect(tile).to.be.a(ReprojTile);
|
|
|
|
_ol_events_.listen(tile, 'change', function() {
|
|
if (tile.getState() == 2) { // LOADED
|
|
done();
|
|
}
|
|
});
|
|
tile.load();
|
|
});
|
|
|
|
it('can handle target projection without extent and units', function(done) {
|
|
const proj = getProjection('4326_noextentnounits');
|
|
const source = createSource();
|
|
source.setTileGridForProjection(proj,
|
|
_ol_tilegrid_.createXYZ({
|
|
extent: _ol_proj_EPSG3857_.WORLD_EXTENT,
|
|
tileSize: [2, 2]
|
|
}));
|
|
const tile = source.getTile(0, 0, -1, 1, proj);
|
|
expect(tile).to.be.a(ReprojTile);
|
|
|
|
_ol_events_.listen(tile, 'change', function() {
|
|
if (tile.getState() == 2) { // LOADED
|
|
done();
|
|
}
|
|
});
|
|
tile.load();
|
|
});
|
|
});
|
|
|
|
describe('tile load events', function() {
|
|
|
|
let source;
|
|
|
|
beforeEach(function() {
|
|
source = new TileImage({
|
|
url: '{z}/{x}/{y}'
|
|
});
|
|
});
|
|
|
|
it('dispatches tileloadstart and tileloadend events', function() {
|
|
source.setTileLoadFunction(function(tile) {
|
|
tile.setState(TileState.LOADED);
|
|
});
|
|
const startSpy = sinon.spy();
|
|
source.on('tileloadstart', startSpy);
|
|
const endSpy = sinon.spy();
|
|
source.on('tileloadend', endSpy);
|
|
const tile = source.getTile(0, 0, -1, 1, getProjection('EPSG:3857'));
|
|
tile.load();
|
|
expect(startSpy.callCount).to.be(1);
|
|
expect(endSpy.callCount).to.be(1);
|
|
});
|
|
|
|
it('works for loading-error-loading-loaded sequences', function(done) {
|
|
source.setTileLoadFunction(function(tile) {
|
|
tile.setState(
|
|
tile.state == TileState.ERROR ? TileState.LOADED : TileState.ERROR);
|
|
});
|
|
const startSpy = sinon.spy();
|
|
source.on('tileloadstart', startSpy);
|
|
const errorSpy = sinon.spy();
|
|
source.on('tileloaderror', function(e) {
|
|
setTimeout(function() {
|
|
e.tile.setState(TileState.LOADING);
|
|
e.tile.setState(TileState.LOADED);
|
|
}, 0);
|
|
errorSpy();
|
|
});
|
|
source.on('tileloadend', function() {
|
|
expect(startSpy.callCount).to.be(2);
|
|
expect(errorSpy.callCount).to.be(1);
|
|
done();
|
|
});
|
|
const tile = source.getTile(0, 0, -1, 1, getProjection('EPSG:3857'));
|
|
tile.load();
|
|
});
|
|
|
|
it('dispatches tileloadend events for aborted tiles', function() {
|
|
source.setTileLoadFunction(function() {});
|
|
const startSpy = sinon.spy();
|
|
source.on('tileloadstart', startSpy);
|
|
const endSpy = sinon.spy();
|
|
source.on('tileloadend', endSpy);
|
|
const tile = source.getTile(0, 0, -1, 1, getProjection('EPSG:3857'));
|
|
tile.load();
|
|
tile.dispose();
|
|
expect(startSpy.callCount).to.be(1);
|
|
expect(endSpy.callCount).to.be(1);
|
|
});
|
|
});
|
|
|
|
});
|