85 lines
2.0 KiB
JavaScript
85 lines
2.0 KiB
JavaScript
import Map from '../../../../src/ol/Map.js';
|
|
import _ol_View_ from '../../../../src/ol/View.js';
|
|
import _ol_layer_Image_ from '../../../../src/ol/layer/Image.js';
|
|
import _ol_source_Raster_ from '../../../../src/ol/source/Raster.js';
|
|
import _ol_source_XYZ_ from '../../../../src/ol/source/XYZ.js';
|
|
|
|
where('Uint8ClampedArray').describe('ol.rendering.source.Raster', function() {
|
|
|
|
function afterRender(source, raster, callback) {
|
|
var loading = 0;
|
|
|
|
source.on('tileloadstart', function(event) {
|
|
loading++;
|
|
});
|
|
source.on('tileloadend', function(event) {
|
|
loading--;
|
|
if (loading == 0) {
|
|
raster.once('afteroperations', function() {
|
|
callback();
|
|
});
|
|
}
|
|
});
|
|
source.on('tileloaderror', function(event) {
|
|
callback(new Error('Tile failed to load'));
|
|
});
|
|
|
|
}
|
|
|
|
var map;
|
|
function createMap(renderer, pixelRatio) {
|
|
map = new Map({
|
|
target: createMapDiv(200, 200),
|
|
pixelRatio: pixelRatio,
|
|
renderer: renderer,
|
|
view: new _ol_View_({
|
|
center: [0, 0],
|
|
zoom: 0
|
|
})
|
|
});
|
|
}
|
|
|
|
afterEach(function() {
|
|
if (map) {
|
|
disposeMap(map);
|
|
}
|
|
map = null;
|
|
});
|
|
|
|
describe('raster source rendering', function() {
|
|
it('renders the result of an operation', function(done) {
|
|
createMap('canvas', 1);
|
|
|
|
var source = new _ol_source_XYZ_({
|
|
url: 'rendering/ol/data/tiles/osm/{z}/{x}/{y}.png',
|
|
transition: 0
|
|
});
|
|
|
|
var raster = new _ol_source_Raster_({
|
|
sources: [source],
|
|
operation: function(pixels) {
|
|
var pixel = pixels[0];
|
|
// swap blue and red
|
|
var red = pixel[0];
|
|
pixel[0] = pixel[2];
|
|
pixel[2] = red;
|
|
return pixel;
|
|
}
|
|
});
|
|
|
|
afterRender(source, raster, function(err) {
|
|
if (err) {
|
|
done(err);
|
|
return;
|
|
}
|
|
expectResemble(map, 'rendering/ol/source/expected/raster-1.png', IMAGE_TOLERANCE, done);
|
|
});
|
|
|
|
var layer = new _ol_layer_Image_({source: raster});
|
|
|
|
map.addLayer(layer);
|
|
});
|
|
});
|
|
|
|
});
|