147 lines
3.8 KiB
JavaScript
147 lines
3.8 KiB
JavaScript
import ImageWrapper from '../../../../src/ol/Image.js';
|
|
import Map from '../../../../src/ol/Map.js';
|
|
import View from '../../../../src/ol/View.js';
|
|
import Layer from '../../../../src/ol/layer/Layer.js';
|
|
import TileLayer from '../../../../src/ol/layer/Tile.js';
|
|
import LayerRenderer from '../../../../src/ol/renderer/Layer.js';
|
|
import XYZ from '../../../../src/ol/source/XYZ.js';
|
|
import {fromKey} from '../../../../src/ol/tilecoord.js';
|
|
|
|
|
|
describe('ol.renderer.Layer', function() {
|
|
let renderer;
|
|
const eventType = 'change';
|
|
|
|
beforeEach(function() {
|
|
const layer = new Layer({});
|
|
renderer = new LayerRenderer(layer);
|
|
});
|
|
|
|
describe('#loadImage', function() {
|
|
let image;
|
|
let imageLoadFunction;
|
|
|
|
beforeEach(function() {
|
|
const extent = [];
|
|
const resolution = 1;
|
|
const pixelRatio = 1;
|
|
const src = '';
|
|
const crossOrigin = '';
|
|
imageLoadFunction = sinon.spy();
|
|
image = new ImageWrapper(extent, resolution, pixelRatio, src, crossOrigin, imageLoadFunction);
|
|
});
|
|
|
|
describe('load IDLE image', function() {
|
|
|
|
it('returns false', function() {
|
|
const loaded = renderer.loadImage(image);
|
|
expect(loaded).to.be(false);
|
|
});
|
|
|
|
it('registers a listener', function() {
|
|
renderer.loadImage(image);
|
|
const listeners = image.getListeners(eventType, false);
|
|
expect(listeners).to.have.length(1);
|
|
});
|
|
|
|
});
|
|
|
|
describe('load LOADED image', function() {
|
|
|
|
it('returns true', function() {
|
|
image.state = 2; // LOADED
|
|
const loaded = renderer.loadImage(image);
|
|
expect(loaded).to.be(true);
|
|
});
|
|
|
|
it('does not register a listener', function() {
|
|
image.state = 2; // LOADED
|
|
const loaded = renderer.loadImage(image);
|
|
expect(loaded).to.be(true);
|
|
});
|
|
|
|
});
|
|
|
|
describe('load LOADING image', function() {
|
|
|
|
beforeEach(function() {
|
|
renderer.loadImage(image);
|
|
expect(image.getState()).to.be(1); // LOADING
|
|
});
|
|
|
|
it('returns false', function() {
|
|
const loaded = renderer.loadImage(image);
|
|
expect(loaded).to.be(false);
|
|
});
|
|
|
|
it('does not register a new listener', function() {
|
|
renderer.loadImage(image);
|
|
const listeners = image.getListeners(eventType, false);
|
|
expect(listeners).to.have.length(1);
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
describe('manageTilePyramid behavior', function() {
|
|
let target, map, view, source;
|
|
|
|
beforeEach(function(done) {
|
|
target = document.createElement('div');
|
|
Object.assign(target.style, {
|
|
position: 'absolute',
|
|
left: '-1000px',
|
|
top: '-1000px',
|
|
width: '360px',
|
|
height: '180px'
|
|
});
|
|
document.body.appendChild(target);
|
|
|
|
view = new View({
|
|
center: [0, 0],
|
|
multiWorld: true,
|
|
zoom: 0
|
|
});
|
|
|
|
source = new XYZ({
|
|
url: '#{x}/{y}/{z}'
|
|
});
|
|
|
|
map = new Map({
|
|
target: target,
|
|
view: view,
|
|
layers: [
|
|
new TileLayer({
|
|
source: source
|
|
})
|
|
]
|
|
});
|
|
map.once('postrender', function() {
|
|
done();
|
|
});
|
|
});
|
|
|
|
afterEach(function() {
|
|
map.dispose();
|
|
document.body.removeChild(target);
|
|
});
|
|
|
|
it('accesses tiles from current zoom level last', function(done) {
|
|
// expect most recent tile in the cache to be from zoom level 0
|
|
const key = source.tileCache.peekFirstKey();
|
|
const tileCoord = fromKey(key);
|
|
expect(tileCoord[0]).to.be(0);
|
|
|
|
map.once('moveend', function() {
|
|
// expect most recent tile in the cache to be from zoom level 4
|
|
const key = source.tileCache.peekFirstKey();
|
|
const tileCoord = fromKey(key);
|
|
expect(tileCoord[0]).to.be(4);
|
|
done();
|
|
});
|
|
view.setZoom(4);
|
|
});
|
|
});
|
|
});
|