diff --git a/test/spec/ol/render/canvasimmediate.test.js b/test/spec/ol/render/canvasimmediate.test.js new file mode 100644 index 0000000000..f6046771bf --- /dev/null +++ b/test/spec/ol/render/canvasimmediate.test.js @@ -0,0 +1,97 @@ +goog.provide('ol.test.render.canvas.Immediate'); + +describe('ol.render.canvas.Immediate', function() { + describe('#drawMultiPolygonGeometry', 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.drawMultiPolygonGeometry(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.MultiPolygon'); +goog.require('ol.render.canvas.Immediate');