2018-10-24 00:39:02 +08:00
|
|
|
|
'use strict';
|
|
|
|
|
|
2015-09-25 20:46:46 +08:00
|
|
|
|
var testHelper = require('../../support/test_helper');
|
2015-07-08 05:46:58 +08:00
|
|
|
|
|
|
|
|
|
var assert = require('../../support/assert');
|
|
|
|
|
var _ = require('underscore');
|
|
|
|
|
var cartodbServer = require('../../../lib/cartodb/server');
|
|
|
|
|
var getLayerTypeFn = require('windshaft').model.MapConfig.prototype.getType;
|
|
|
|
|
var PortedServerOptions = require('./support/ported_server_options');
|
2017-08-04 23:51:10 +08:00
|
|
|
|
var LayergroupToken = require('../../../lib/cartodb/models/layergroup-token');
|
2015-07-08 05:46:58 +08:00
|
|
|
|
|
|
|
|
|
describe('multilayer interactivity and layers order', function() {
|
2018-04-16 22:16:23 +08:00
|
|
|
|
var server;
|
2015-07-08 05:46:58 +08:00
|
|
|
|
|
2018-04-16 22:16:23 +08:00
|
|
|
|
before(function () {
|
|
|
|
|
server = cartodbServer(PortedServerOptions);
|
|
|
|
|
server.setMaxListeners(0);
|
|
|
|
|
});
|
2015-07-08 05:46:58 +08:00
|
|
|
|
|
|
|
|
|
function layerType(layer) {
|
|
|
|
|
return layer.type || 'undefined';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function testInteractivityLayersOrderScenario(testScenario) {
|
|
|
|
|
it(testScenario.desc, function(done) {
|
|
|
|
|
var layergroup = {
|
|
|
|
|
version: '1.3.0',
|
|
|
|
|
layers: testScenario.layers
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
assert.response(server,
|
|
|
|
|
{
|
|
|
|
|
url: '/database/windshaft_test/layergroup',
|
|
|
|
|
method: 'POST',
|
|
|
|
|
headers: {
|
2018-03-17 01:18:06 +08:00
|
|
|
|
host: 'localhost',
|
2015-07-08 05:46:58 +08:00
|
|
|
|
'Content-Type': 'application/json'
|
|
|
|
|
},
|
|
|
|
|
data: JSON.stringify(layergroup)
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
//status: 200, don't use status here to have a more meaningful error message
|
|
|
|
|
headers: {
|
|
|
|
|
'content-type': 'application/json; charset=utf-8'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
function(response) {
|
|
|
|
|
assert.equal(
|
|
|
|
|
response.statusCode,
|
|
|
|
|
200,
|
|
|
|
|
'Expected status code 200, got ' + response.statusCode +
|
|
|
|
|
'\n\tResponse body: ' + response.body +
|
|
|
|
|
'\n\tLayer types: ' + layergroup.layers.map(layerType).join(', ')
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
var layergroupResponse = JSON.parse(response.body);
|
|
|
|
|
assert.ok(layergroupResponse);
|
|
|
|
|
|
|
|
|
|
var layergroupId = layergroupResponse.layergroupid;
|
|
|
|
|
assert.ok(layergroupId);
|
|
|
|
|
assert.equal(layergroupResponse.metadata.layers.length, layergroup.layers.length);
|
|
|
|
|
|
|
|
|
|
// check layers metadata at least match in number
|
|
|
|
|
var layersMetadata = layergroupResponse.metadata.layers;
|
|
|
|
|
assert.equal(layersMetadata.length, layergroup.layers.length);
|
|
|
|
|
for (var i = 0, len = layersMetadata.length; i < len; i++) {
|
|
|
|
|
assert.equal(
|
|
|
|
|
getLayerTypeFn(layersMetadata[i].type),
|
|
|
|
|
getLayerTypeFn(layergroup.layers[i].type)
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
// check torque metadata at least match in number
|
|
|
|
|
var torqueLayers = layergroup.layers.filter(function(layer) { return layer.type === 'torque'; });
|
|
|
|
|
if (torqueLayers.length) {
|
|
|
|
|
assert.equal(Object.keys(layergroupResponse.metadata.torque).length, torqueLayers.length);
|
|
|
|
|
}
|
|
|
|
|
|
2015-09-25 20:46:46 +08:00
|
|
|
|
var keysToDelete = {
|
|
|
|
|
'user:localhost:mapviews:global': 5
|
|
|
|
|
};
|
|
|
|
|
keysToDelete['map_cfg|' + LayergroupToken.parse(layergroupId).token] = 0;
|
|
|
|
|
|
|
|
|
|
testHelper.deleteRedisKeys(keysToDelete, done);
|
2015-07-08 05:46:58 +08:00
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var cartocssVersion = '2.3.0';
|
|
|
|
|
var cartocss = '#layer { line-width:16; }';
|
|
|
|
|
var sql = "select 1 as i, st_setsrid('LINESTRING(0 0, 1 0)'::geometry, 4326) as the_geom";
|
|
|
|
|
var sqlWadus = "select 1 as wadus, st_setsrid('LINESTRING(0 0, 1 0)'::geometry, 4326) as the_geom";
|
|
|
|
|
|
|
|
|
|
var httpLayer = {
|
|
|
|
|
type: 'http',
|
|
|
|
|
options: {
|
|
|
|
|
urlTemplate: 'http://{s}.basemaps.cartocdn.com/dark_nolabels/{z}/{x}/{y}.png',
|
|
|
|
|
subdomains: ['a','b','c']
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var torqueLayer = {
|
|
|
|
|
type: 'torque',
|
|
|
|
|
options: {
|
|
|
|
|
sql: "select 1 id, '1970-01-02'::date d, 'POINT(0 0)'::geometry the_geom_webmercator",
|
|
|
|
|
cartocss: [
|
|
|
|
|
"Map {",
|
|
|
|
|
"-torque-frame-count:2;",
|
|
|
|
|
"-torque-resolution:3;",
|
|
|
|
|
"-torque-time-attribute:d;",
|
|
|
|
|
"-torque-aggregation-function:'count(id)';",
|
|
|
|
|
"}"
|
|
|
|
|
].join(' '),
|
|
|
|
|
cartocss_version: '2.0.1'
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var mapnikLayer = {
|
|
|
|
|
type: 'mapnik',
|
|
|
|
|
options: {
|
|
|
|
|
sql: sql,
|
|
|
|
|
cartocss_version: cartocssVersion,
|
|
|
|
|
cartocss: cartocss,
|
|
|
|
|
geom_column: 'the_geom'
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var mapnikInteractivityLayer = {
|
|
|
|
|
type: 'mapnik',
|
|
|
|
|
options: {
|
|
|
|
|
sql: sql,
|
|
|
|
|
cartocss_version: cartocssVersion,
|
|
|
|
|
cartocss: cartocss,
|
|
|
|
|
interactivity: 'i',
|
|
|
|
|
geom_column: 'the_geom'
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var cartodbLayer = {
|
|
|
|
|
type: 'cartodb',
|
|
|
|
|
options: {
|
|
|
|
|
sql: sql,
|
|
|
|
|
cartocss_version: cartocssVersion,
|
|
|
|
|
cartocss: cartocss,
|
|
|
|
|
geom_column: 'the_geom'
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var cartodbInteractivityLayer = {
|
|
|
|
|
type: 'cartodb',
|
|
|
|
|
options: {
|
|
|
|
|
sql: sql,
|
|
|
|
|
cartocss_version: cartocssVersion,
|
|
|
|
|
cartocss: cartocss,
|
|
|
|
|
interactivity: 'i',
|
|
|
|
|
geom_column: 'the_geom'
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var cartodbWadusInteractivityLayer = {
|
|
|
|
|
type: 'cartodb',
|
|
|
|
|
options: {
|
|
|
|
|
sql: sqlWadus,
|
|
|
|
|
cartocss_version: cartocssVersion,
|
|
|
|
|
cartocss: cartocss,
|
|
|
|
|
interactivity: 'wadus',
|
|
|
|
|
geom_column: 'the_geom'
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var noTypeLayer = {
|
|
|
|
|
options: {
|
|
|
|
|
sql: sql,
|
|
|
|
|
cartocss_version: cartocssVersion,
|
|
|
|
|
cartocss: cartocss,
|
|
|
|
|
geom_column: 'the_geom'
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var noTypeInteractivityLayer = {
|
|
|
|
|
options: {
|
|
|
|
|
sql: sql,
|
|
|
|
|
cartocss_version: cartocssVersion,
|
|
|
|
|
cartocss: cartocss,
|
|
|
|
|
interactivity: 'i',
|
|
|
|
|
geom_column: 'the_geom'
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var allLayers = [
|
|
|
|
|
httpLayer,
|
|
|
|
|
torqueLayer,
|
|
|
|
|
mapnikLayer,
|
|
|
|
|
mapnikInteractivityLayer,
|
|
|
|
|
cartodbLayer,
|
|
|
|
|
cartodbInteractivityLayer,
|
|
|
|
|
cartodbWadusInteractivityLayer,
|
|
|
|
|
noTypeLayer,
|
|
|
|
|
noTypeInteractivityLayer
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
var testScenarios = [
|
|
|
|
|
{
|
|
|
|
|
desc: 'one layer, no interactivity',
|
|
|
|
|
layers: [cartodbLayer]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'one layer with interactivity',
|
|
|
|
|
layers: [cartodbInteractivityLayer]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'two layers, interactivity mix',
|
|
|
|
|
layers: [
|
|
|
|
|
cartodbLayer,
|
|
|
|
|
cartodbInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'two layers, different interactivity columns',
|
|
|
|
|
layers: [
|
|
|
|
|
cartodbWadusInteractivityLayer,
|
|
|
|
|
cartodbInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'mix of no interactivity with interactivity',
|
|
|
|
|
layers: [
|
|
|
|
|
cartodbInteractivityLayer,
|
|
|
|
|
cartodbLayer,
|
|
|
|
|
cartodbWadusInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'interactivity layers + torque',
|
|
|
|
|
layers: [
|
|
|
|
|
cartodbWadusInteractivityLayer,
|
|
|
|
|
cartodbInteractivityLayer,
|
|
|
|
|
torqueLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'torque + interactivity layers',
|
|
|
|
|
layers: [
|
|
|
|
|
torqueLayer,
|
|
|
|
|
cartodbWadusInteractivityLayer,
|
|
|
|
|
cartodbInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'interactivity + torque + interactivity',
|
|
|
|
|
layers: [
|
|
|
|
|
cartodbInteractivityLayer,
|
|
|
|
|
torqueLayer,
|
|
|
|
|
cartodbInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'http + mix of [no] interactivity layers',
|
|
|
|
|
layers: [
|
|
|
|
|
httpLayer,
|
|
|
|
|
cartodbInteractivityLayer,
|
|
|
|
|
cartodbLayer,
|
|
|
|
|
cartodbInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'http + interactivity + torque + interactivity',
|
|
|
|
|
layers: [
|
|
|
|
|
httpLayer,
|
|
|
|
|
cartodbInteractivityLayer,
|
|
|
|
|
torqueLayer,
|
|
|
|
|
cartodbInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'http + interactivity + torque + no interactivity + torque + interactivity',
|
|
|
|
|
layers: [
|
|
|
|
|
httpLayer,
|
|
|
|
|
cartodbInteractivityLayer,
|
|
|
|
|
torqueLayer,
|
|
|
|
|
cartodbLayer,
|
|
|
|
|
torqueLayer,
|
|
|
|
|
cartodbWadusInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'mapnik type – two layers, interactivity mix',
|
|
|
|
|
layers: [
|
|
|
|
|
mapnikLayer,
|
|
|
|
|
mapnikInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'mapnik type – mix of no interactivity with interactivity',
|
|
|
|
|
layers: [
|
|
|
|
|
cartodbInteractivityLayer,
|
|
|
|
|
cartodbLayer,
|
|
|
|
|
mapnikInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'mapnik type – interactivity layers + torque',
|
|
|
|
|
layers: [
|
|
|
|
|
mapnikInteractivityLayer,
|
|
|
|
|
cartodbInteractivityLayer,
|
|
|
|
|
torqueLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'mapnik type – http + interactivity + torque + interactivity',
|
|
|
|
|
layers: [
|
|
|
|
|
httpLayer,
|
|
|
|
|
mapnikInteractivityLayer,
|
|
|
|
|
torqueLayer,
|
|
|
|
|
cartodbInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'no type – two layers, interactivity mix',
|
|
|
|
|
layers: [
|
|
|
|
|
noTypeLayer,
|
|
|
|
|
noTypeInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'no type – mix of no interactivity with interactivity',
|
|
|
|
|
layers: [
|
|
|
|
|
noTypeInteractivityLayer,
|
|
|
|
|
noTypeLayer,
|
|
|
|
|
mapnikInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'no type – interactivity layers + torque',
|
|
|
|
|
layers: [
|
|
|
|
|
noTypeLayer,
|
|
|
|
|
noTypeInteractivityLayer,
|
|
|
|
|
torqueLayer
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
desc: 'no type – http + interactivity + torque + interactivity',
|
|
|
|
|
layers: [
|
|
|
|
|
httpLayer,
|
|
|
|
|
noTypeInteractivityLayer,
|
|
|
|
|
torqueLayer,
|
|
|
|
|
noTypeInteractivityLayer
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
var chaosScenariosSize = 25;
|
|
|
|
|
var chaosScenarios = [];
|
|
|
|
|
for (var i = 0; i < chaosScenariosSize; i++) {
|
|
|
|
|
// Underscore.js' sample method uses Fisher-Yates shuffle internally, see http://bost.ocks.org/mike/shuffle/
|
|
|
|
|
var randomLayers = _.sample(allLayers, _.random(1, allLayers.length));
|
|
|
|
|
chaosScenarios.push({
|
|
|
|
|
desc: 'chaos scenario – layer types: ' + randomLayers.map(layerType).join(', '),
|
|
|
|
|
layers: randomLayers
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
testScenarios.forEach(testInteractivityLayersOrderScenario);
|
|
|
|
|
chaosScenarios.forEach(testInteractivityLayersOrderScenario);
|
|
|
|
|
|
|
|
|
|
});
|