50 lines
1.3 KiB
JavaScript
50 lines
1.3 KiB
JavaScript
module('renderer/point');
|
|
|
|
var DEFAULT_CARTOCSS = [
|
|
'Map {',
|
|
' -torque-resolution: 1;',
|
|
'}',
|
|
'#layer {',
|
|
' marker-fill: #662506;',
|
|
' marker-width: 4;',
|
|
' [value > 1] { marker-fill: #FEE391; }',
|
|
' [value > 2] { marker-fill: #FEC44F; }',
|
|
' [value > 3] { marker-fill: #FE9929; }',
|
|
' [value > 4] { marker-fill: #EC7014; }',
|
|
' [value > 5] { marker-fill: #CC4C02; }',
|
|
' [value > 6] { marker-fill: #993404; }',
|
|
' [value > 7] { marker-fill: #662506; }',
|
|
'}'
|
|
].join('\n');
|
|
|
|
var renderer = null;
|
|
QUnit.testStart(function() {
|
|
var canvas = document.createElement('canvas');
|
|
renderer = new torque.renderer.Point(canvas, {});
|
|
});
|
|
|
|
test('render shader layers', function() {
|
|
renderer.setCartoCSS(DEFAULT_CARTOCSS)
|
|
var count = 0;
|
|
renderer._renderTile = function() { ++count };
|
|
renderer.renderTile(null, 0);
|
|
equal(count, 1);
|
|
});
|
|
|
|
test('render conditional point layers', function() {
|
|
var css = [
|
|
'#test {',
|
|
'marker-width: 10;',
|
|
'[zoom = 18] {',
|
|
'marker-width: 20;',
|
|
'}}'].join('\n');
|
|
|
|
renderer.setCartoCSS(css)
|
|
|
|
var layer = renderer._shader.getLayers()[0];
|
|
var st = layer.getStyle('canvas-2d', {}, { zoom: 10, 'frame-offset': 0 });
|
|
equal(st['point-radius'], 10);
|
|
st = layer.getStyle('canvas-2d', {}, { zoom: 18, 'frame-offset': 0 });
|
|
equal(st['point-radius'], 20);
|
|
});
|