273 lines
11 KiB
JavaScript
273 lines
11 KiB
JavaScript
goog.provide('ol.test.render.canvas.Immediate');
|
|
|
|
describe('ol.render.canvas.Immediate', function() {
|
|
|
|
function getMockContext() {
|
|
return {
|
|
setLineDash: sinon.spy(),
|
|
beginPath: sinon.spy(),
|
|
closePath: sinon.spy(),
|
|
stroke: sinon.spy(),
|
|
lineTo: sinon.spy(),
|
|
moveTo: sinon.spy()
|
|
};
|
|
}
|
|
|
|
describe('constructor', function() {
|
|
it('creates an instance', function() {
|
|
var instance = new ol.render.canvas.Immediate();
|
|
expect(instance).to.be.a(ol.render.canvas.Immediate);
|
|
expect(instance).to.be.a(ol.render.VectorContext);
|
|
});
|
|
});
|
|
|
|
describe('#flush', function() {
|
|
it('calls callback in correct z-order', function() {
|
|
var canvas = new ol.render.canvas.Immediate();
|
|
var log = [];
|
|
canvas.drawAsync(11, function() {
|
|
log.push(11);
|
|
});
|
|
canvas.drawAsync(5, function() {
|
|
log.push(5);
|
|
});
|
|
canvas.flush();
|
|
expect(log).to.eql([5, 11]);
|
|
});
|
|
});
|
|
|
|
describe('#setStyle()', function() {
|
|
it('calls the more specific methods with style parts', function() {
|
|
var context = new ol.render.canvas.Immediate();
|
|
sinon.spy(context, 'setFillStrokeStyle');
|
|
sinon.spy(context, 'setImageStyle');
|
|
sinon.spy(context, 'setTextStyle');
|
|
var fill = new ol.style.Fill({});
|
|
var stroke = new ol.style.Stroke({});
|
|
var text = new ol.style.Text({});
|
|
var image = new ol.style.Circle({});
|
|
var style = new ol.style.Style({
|
|
fill: fill,
|
|
stroke: stroke,
|
|
image: image,
|
|
text: text
|
|
});
|
|
|
|
context.setStyle(style);
|
|
expect(context.setFillStrokeStyle.calledOnce).to.be(true);
|
|
expect(context.setFillStrokeStyle.firstCall.calledWithExactly(fill, stroke)).to.be(true);
|
|
expect(context.setImageStyle.calledOnce).to.be(true);
|
|
expect(context.setImageStyle.firstCall.calledWithExactly(image)).to.be(true);
|
|
expect(context.setTextStyle.calledOnce).to.be(true);
|
|
expect(context.setTextStyle.firstCall.calledWithExactly(text)).to.be(true);
|
|
});
|
|
});
|
|
|
|
describe('#drawGeometry()', function() {
|
|
|
|
var extent = [-10, -10, 10, 10];
|
|
|
|
it('calls drawPoint() with a Point', function() {
|
|
var context = new ol.render.canvas.Immediate(getMockContext(), 1, extent);
|
|
sinon.spy(context, 'drawPoint');
|
|
|
|
var geometry = new ol.geom.Point([1, 2]);
|
|
context.drawGeometry(geometry);
|
|
expect(context.drawPoint.calledOnce).to.be(true);
|
|
expect(context.drawPoint.firstCall.calledWithExactly(geometry)).to.be(true);
|
|
});
|
|
|
|
it('calls drawLineString() with a LineString', function() {
|
|
var context = new ol.render.canvas.Immediate(getMockContext(), 1, extent);
|
|
sinon.spy(context, 'drawLineString');
|
|
|
|
var geometry = new ol.geom.LineString([[1, 2], [3, 4]]);
|
|
context.drawGeometry(geometry);
|
|
expect(context.drawLineString.calledOnce).to.be(true);
|
|
expect(context.drawLineString.firstCall.calledWithExactly(geometry)).to.be(true);
|
|
});
|
|
|
|
it('calls drawPolygon() with a Polygon', function() {
|
|
var context = new ol.render.canvas.Immediate(getMockContext(), 1, extent);
|
|
sinon.spy(context, 'drawPolygon');
|
|
|
|
var geometry = new ol.geom.Polygon([[[1, 2], [3, 4], [5, 6], [1, 2]]]);
|
|
context.drawGeometry(geometry);
|
|
expect(context.drawPolygon.calledOnce).to.be(true);
|
|
expect(context.drawPolygon.firstCall.calledWithExactly(geometry)).to.be(true);
|
|
});
|
|
|
|
it('calls drawMultiPoint() with a MultiPoint', function() {
|
|
var context = new ol.render.canvas.Immediate(getMockContext(), 1, extent);
|
|
sinon.spy(context, 'drawMultiPoint');
|
|
|
|
var geometry = new ol.geom.MultiPoint([[1, 2], [3, 4]]);
|
|
context.drawGeometry(geometry);
|
|
expect(context.drawMultiPoint.calledOnce).to.be(true);
|
|
expect(context.drawMultiPoint.firstCall.calledWithExactly(geometry)).to.be(true);
|
|
});
|
|
|
|
it('calls drawMultiLineString() with a MultiLineString', function() {
|
|
var context = new ol.render.canvas.Immediate(getMockContext(), 1, extent);
|
|
sinon.spy(context, 'drawMultiLineString');
|
|
|
|
var geometry = new ol.geom.MultiLineString([[[1, 2], [3, 4]]]);
|
|
context.drawGeometry(geometry);
|
|
expect(context.drawMultiLineString.calledOnce).to.be(true);
|
|
expect(context.drawMultiLineString.firstCall.calledWithExactly(geometry)).to.be(true);
|
|
});
|
|
|
|
it('calls drawMultiPolygon() with a MultiPolygon', function() {
|
|
var context = new ol.render.canvas.Immediate(getMockContext(), 1, extent);
|
|
sinon.spy(context, 'drawMultiPolygon');
|
|
|
|
var geometry = new ol.geom.MultiPolygon([[[[1, 2], [3, 4], [5, 6], [1, 2]]]]);
|
|
context.drawGeometry(geometry);
|
|
expect(context.drawMultiPolygon.calledOnce).to.be(true);
|
|
expect(context.drawMultiPolygon.firstCall.calledWithExactly(geometry)).to.be(true);
|
|
});
|
|
|
|
it('calls drawGeometryCollection() with a GeometryCollection', function() {
|
|
var context = new ol.render.canvas.Immediate(getMockContext(), 1, extent);
|
|
sinon.spy(context, 'drawGeometryCollection');
|
|
sinon.spy(context, 'drawPoint');
|
|
sinon.spy(context, 'drawLineString');
|
|
sinon.spy(context, 'drawPolygon');
|
|
|
|
var point = new ol.geom.Point([1, 2]);
|
|
var linestring = new ol.geom.LineString([[1, 2], [3, 4]]);
|
|
var polygon = new ol.geom.Polygon([[[1, 2], [3, 4], [5, 6], [1, 2]]]);
|
|
|
|
var geometry = new ol.geom.GeometryCollection([point, linestring, polygon]);
|
|
context.drawGeometry(geometry);
|
|
|
|
expect(context.drawGeometryCollection.calledOnce).to.be(true);
|
|
expect(context.drawPoint.calledOnce).to.be(true);
|
|
expect(context.drawPoint.firstCall.calledWithExactly(point)).to.be(true);
|
|
expect(context.drawLineString.calledOnce).to.be(true);
|
|
expect(context.drawLineString.firstCall.calledWithExactly(linestring)).to.be(true);
|
|
expect(context.drawPolygon.calledOnce).to.be(true);
|
|
expect(context.drawPolygon.firstCall.calledWithExactly(polygon)).to.be(true);
|
|
});
|
|
|
|
it('calls drawCircle() with a Circle', function() {
|
|
var context = new ol.render.canvas.Immediate(getMockContext(), 1, extent);
|
|
sinon.spy(context, 'drawCircle');
|
|
|
|
var geometry = new ol.geom.Circle([0, 0]);
|
|
context.drawGeometry(geometry);
|
|
|
|
expect(context.drawCircle.calledOnce).to.be(true);
|
|
expect(context.drawCircle.firstCall.calledWithExactly(geometry)).to.be(true);
|
|
});
|
|
|
|
});
|
|
|
|
describe('#drawMultiPolygon', function() {
|
|
it('creates the correct canvas instructions for 3D geometries', function() {
|
|
var log = {
|
|
lineTo: [],
|
|
moveTo: []
|
|
};
|
|
// FIXME move the canvas/context mocks outside of here for reuse
|
|
var context = {
|
|
setLineDash: function() {},
|
|
beginPath: function() {},
|
|
closePath: function() {},
|
|
stroke: function() {},
|
|
lineTo: function(x, y) {
|
|
log.lineTo.push([x, y]);
|
|
},
|
|
moveTo: function(x, y) {
|
|
log.moveTo.push([x, y]);
|
|
}
|
|
};
|
|
var transform = [0.0004088332670837288, 0, 0, 0, 0,
|
|
-0.0004088332670837288, 0, 0, 0, 0, 1, 0, 4480.991370439071,
|
|
1529.5752568707105, 0, 1];
|
|
var extent = [-10960437.252092224, 2762924.0275091752,
|
|
-7572748.158493212, 3741317.9895594316];
|
|
var canvas = new ol.render.canvas.Immediate(context, 1, extent,
|
|
transform);
|
|
canvas.strokeState_ = {
|
|
lineCap: 'round',
|
|
lineDash: [],
|
|
lineJoin: 'round',
|
|
lineWidth: 3,
|
|
miterLimit: 10,
|
|
strokeStyle: '#00FFFF'
|
|
};
|
|
var multiPolygonGeometry = new ol.geom.MultiPolygon([
|
|
[[[-80.736061, 28.788576000000006, 0],
|
|
[-80.763557, 28.821799999999996, 0],
|
|
[-80.817406, 28.895123999999996, 0],
|
|
[-80.891304, 29.013130000000004, 0],
|
|
[-80.916512, 29.071560000000005, 0],
|
|
[-80.899323, 29.061249000000004, 0],
|
|
[-80.862663, 28.991361999999995, 0],
|
|
[-80.736061, 28.788576000000006, 0]]], [[
|
|
[-82.102127, 26.585724, 0],
|
|
[-82.067139, 26.497208, 0],
|
|
[-82.097641, 26.493585999999993, 0],
|
|
[-82.135895, 26.642279000000002, 0],
|
|
[-82.183495, 26.683082999999996, 0],
|
|
[-82.128838, 26.693342, 0],
|
|
[-82.102127, 26.585724, 0]]]
|
|
]).transform('EPSG:4326', 'EPSG:3857');
|
|
canvas.drawMultiPolygon(multiPolygonGeometry, null);
|
|
expect(log.lineTo.length).to.be(15);
|
|
expect(log.lineTo[0][0]).to.roughlyEqual(805.3521540835154, 1e-9);
|
|
expect(log.lineTo[0][1]).to.roughlyEqual(158.76358389011807, 1e-9);
|
|
expect(log.lineTo[1][0]).to.roughlyEqual(802.9014262612932, 1e-9);
|
|
expect(log.lineTo[1][1]).to.roughlyEqual(154.95335187132082, 1e-9);
|
|
expect(log.lineTo[2][0]).to.roughlyEqual(799.5382461724039, 1e-9);
|
|
expect(log.lineTo[2][1]).to.roughlyEqual(148.815592819916, 1e-9);
|
|
expect(log.lineTo[3][0]).to.roughlyEqual(798.3910020835165, 1e-9);
|
|
expect(log.lineTo[3][1]).to.roughlyEqual(145.77392230456553, 1e-9);
|
|
expect(log.lineTo[4][0]).to.roughlyEqual(799.1732925724045, 1e-9);
|
|
expect(log.lineTo[4][1]).to.roughlyEqual(146.31080369865776, 1e-9);
|
|
expect(log.lineTo[5][0]).to.roughlyEqual(800.8417299057378, 1e-9);
|
|
expect(log.lineTo[5][1]).to.roughlyEqual(149.94832216046188, 1e-9);
|
|
expect(log.lineTo[6][0]).to.roughlyEqual(806.6035275946265, 1e-9);
|
|
expect(log.lineTo[6][1]).to.roughlyEqual(160.48916296287916, 1e-9);
|
|
expect(log.lineTo[7][0]).to.roughlyEqual(806.6035275946265, 1e-9);
|
|
expect(log.lineTo[7][1]).to.roughlyEqual(160.48916296287916, 1e-9);
|
|
expect(log.lineTo[8][0]).to.roughlyEqual(746.0246888390716, 1e-9);
|
|
expect(log.lineTo[8][1]).to.roughlyEqual(278.22094795365365, 1e-9);
|
|
expect(log.lineTo[9][0]).to.roughlyEqual(744.6365089279602, 1e-9);
|
|
expect(log.lineTo[9][1]).to.roughlyEqual(278.40513424671826, 1e-9);
|
|
expect(log.lineTo[10][0]).to.roughlyEqual(742.8955268835157, 1e-9);
|
|
expect(log.lineTo[10][1]).to.roughlyEqual(270.83899948444764, 1e-9);
|
|
expect(log.lineTo[11][0]).to.roughlyEqual(740.7291979946272, 1e-9);
|
|
expect(log.lineTo[11][1]).to.roughlyEqual(268.76099731369345, 1e-9);
|
|
expect(log.lineTo[12][0]).to.roughlyEqual(743.2166987946266, 1e-9);
|
|
expect(log.lineTo[12][1]).to.roughlyEqual(268.23842607400616, 1e-9);
|
|
expect(log.lineTo[13][0]).to.roughlyEqual(744.4323460835158, 1e-9);
|
|
expect(log.lineTo[13][1]).to.roughlyEqual(273.7179168205373, 1e-9);
|
|
expect(log.lineTo[14][0]).to.roughlyEqual(744.4323460835158, 1e-9);
|
|
expect(log.lineTo[14][1]).to.roughlyEqual(273.7179168205373, 1e-9);
|
|
expect(log.moveTo.length).to.be(2);
|
|
expect(log.moveTo[0][0]).to.roughlyEqual(806.6035275946265, 1e-9);
|
|
expect(log.moveTo[0][1]).to.roughlyEqual(160.48916296287916, 1e-9);
|
|
expect(log.moveTo[1][0]).to.roughlyEqual(744.4323460835158, 1e-9);
|
|
expect(log.moveTo[1][1]).to.roughlyEqual(273.7179168205373, 1e-9);
|
|
});
|
|
});
|
|
});
|
|
|
|
goog.require('ol.geom.Circle');
|
|
goog.require('ol.geom.GeometryCollection');
|
|
goog.require('ol.geom.LineString');
|
|
goog.require('ol.geom.MultiLineString');
|
|
goog.require('ol.geom.MultiPoint');
|
|
goog.require('ol.geom.MultiPolygon');
|
|
goog.require('ol.geom.Point');
|
|
goog.require('ol.geom.Polygon');
|
|
goog.require('ol.render.VectorContext');
|
|
goog.require('ol.render.canvas.Immediate');
|
|
goog.require('ol.style.Circle');
|
|
goog.require('ol.style.Fill');
|
|
goog.require('ol.style.Stroke');
|
|
goog.require('ol.style.Style');
|
|
goog.require('ol.style.Text');
|