ad62739a6e
In addition to using const and let, this also upgrades our linter config and removes lint (mostly whitespace).
104 lines
3.3 KiB
JavaScript
104 lines
3.3 KiB
JavaScript
import ImageTile from '../../../src/ol/ImageTile.js';
|
|
import TileState from '../../../src/ol/TileState.js';
|
|
import _ol_events_ from '../../../src/ol/events.js';
|
|
import EventType from '../../../src/ol/events/EventType.js';
|
|
import ImageSource from '../../../src/ol/source/Image.js';
|
|
|
|
|
|
describe('ol.ImageTile', function() {
|
|
|
|
describe('#load()', function() {
|
|
|
|
it('can load idle tile', function(done) {
|
|
const tileCoord = [0, 0, 0];
|
|
const state = TileState.IDLE;
|
|
const src = 'spec/ol/data/osm-0-0-0.png';
|
|
const tileLoadFunction = ImageSource.defaultImageLoadFunction;
|
|
const tile = new ImageTile(tileCoord, state, src, null, tileLoadFunction);
|
|
|
|
let previousState = tile.getState();
|
|
|
|
_ol_events_.listen(tile, EventType.CHANGE, function(event) {
|
|
const state = tile.getState();
|
|
if (previousState == TileState.IDLE) {
|
|
expect(state).to.be(TileState.LOADING);
|
|
} else if (previousState == TileState.LOADING) {
|
|
expect(state).to.be(TileState.LOADED);
|
|
done();
|
|
} else {
|
|
expect().fail();
|
|
}
|
|
previousState = state;
|
|
});
|
|
|
|
tile.load();
|
|
});
|
|
|
|
it('can load error tile', function(done) {
|
|
const tileCoord = [0, 0, 0];
|
|
const state = TileState.ERROR;
|
|
const src = 'spec/ol/data/osm-0-0-0.png';
|
|
const tileLoadFunction = ImageSource.defaultImageLoadFunction;
|
|
const tile = new ImageTile(tileCoord, state, src, null, tileLoadFunction);
|
|
|
|
let previousState = tile.getState();
|
|
|
|
_ol_events_.listen(tile, EventType.CHANGE, function(event) {
|
|
const state = tile.getState();
|
|
if (previousState == TileState.ERROR) {
|
|
expect(state).to.be(TileState.LOADING);
|
|
} else if (previousState == TileState.LOADING) {
|
|
expect(state).to.be(TileState.LOADED);
|
|
done();
|
|
} else {
|
|
expect().fail();
|
|
}
|
|
previousState = state;
|
|
});
|
|
|
|
tile.load();
|
|
});
|
|
|
|
it('loads an empty image on error ', function(done) {
|
|
const tileCoord = [0, 0, 0];
|
|
const state = TileState.IDLE;
|
|
const src = 'spec/ol/data/osm-0-0-99.png';
|
|
const tileLoadFunction = ImageSource.defaultImageLoadFunction;
|
|
const tile = new ImageTile(tileCoord, state, src, null, tileLoadFunction);
|
|
|
|
const key = _ol_events_.listen(tile, EventType.CHANGE, function(event) {
|
|
const state = tile.getState();
|
|
if (state == TileState.ERROR) {
|
|
expect(state).to.be(TileState.ERROR);
|
|
expect(tile.image_).to.be.a(HTMLCanvasElement);
|
|
_ol_events_.unlistenByKey(key);
|
|
tile.load();
|
|
expect(tile.image_).to.be.a(HTMLImageElement);
|
|
done();
|
|
}
|
|
});
|
|
|
|
tile.load();
|
|
});
|
|
|
|
});
|
|
|
|
describe('dispose', function() {
|
|
|
|
it('sets image src to a blank image data uri', function() {
|
|
const tileCoord = [0, 0, 0];
|
|
const state = TileState.IDLE;
|
|
const src = 'spec/ol/data/osm-0-0-0.png';
|
|
const tileLoadFunction = ImageSource.defaultImageLoadFunction;
|
|
const tile = new ImageTile(tileCoord, state, src, null, tileLoadFunction);
|
|
tile.load();
|
|
expect(tile.getState()).to.be(TileState.LOADING);
|
|
tile.dispose();
|
|
expect(tile.getState()).to.be(TileState.ABORT);
|
|
expect(tile.getImage().src).to.be(ImageTile.blankImageUrl);
|
|
});
|
|
|
|
});
|
|
|
|
});
|