108 lines
3.1 KiB
JavaScript
108 lines
3.1 KiB
JavaScript
(function ($) {
|
|
|
|
module("View - Explorer");
|
|
|
|
test('basic explorer functionality', function () {
|
|
var $el = $('<div class="test-view-explorer-basic" />');
|
|
$('.fixtures .data-explorer-here').append($el);
|
|
var dataset = Fixture.getDataset();
|
|
var explorer = new recline.View.MultiView({
|
|
model: dataset,
|
|
el: $el
|
|
});
|
|
var $explorer = $el.find('.recline-data-explorer');
|
|
equal($explorer.length, 1);
|
|
explorer.remove();
|
|
});
|
|
|
|
test('get State', function () {
|
|
var $el = $('<div class="test-view-explorer-getstate" />');
|
|
$('.fixtures .data-explorer-here').append($el);
|
|
var dataset = Fixture.getDataset();
|
|
var url = 'xyz';
|
|
dataset.set({url: url});
|
|
var explorer = new recline.View.MultiView({
|
|
model: dataset,
|
|
el: $el
|
|
});
|
|
var state = explorer.state;
|
|
ok(state.get('query'));
|
|
equal(state.get('readOnly'), false);
|
|
equal(state.get('currentView'), null);
|
|
equal(state.get('query').size, 100);
|
|
deepEqual(state.get('view-graph').group, null);
|
|
equal(state.get('backend'), 'memory');
|
|
equal(state.get('dataset').url, 'xyz');
|
|
ok(state.get('url') === url);
|
|
explorer.remove();
|
|
});
|
|
|
|
test('initialize state', function () {
|
|
var $el = $('<div class="test-view-explorer-init-state" />');
|
|
$('.fixtures .data-explorer-here').append($el);
|
|
var dataset = Fixture.getDataset();
|
|
var explorer = new recline.View.MultiView({
|
|
model: dataset,
|
|
el: $el,
|
|
state: {
|
|
readOnly: true,
|
|
currentView: 'graph',
|
|
'view-grid': {
|
|
hiddenFields: ['x']
|
|
},
|
|
'view-map': {
|
|
latField: 'lat1',
|
|
lonField: 'lon1'
|
|
}
|
|
}
|
|
});
|
|
ok(explorer.state.get('readOnly'));
|
|
ok(explorer.state.get('currentView'), 'graph');
|
|
|
|
// check the correct view is visible
|
|
var css = explorer.$el.find('.navigation button[data-view="graph"]').attr('class').split(' ');
|
|
ok(_.contains(css, 'active'), css);
|
|
var css = explorer.$el.find('.navigation button[data-view="grid"]').attr('class').split(' ');
|
|
ok(!(_.contains(css, 'active')), css);
|
|
|
|
// check pass through of view config
|
|
deepEqual(explorer.state.get('view-grid')['hiddenFields'], ['x']);
|
|
equal(explorer.state.get('view-map')['lonField'], 'lon1');
|
|
|
|
explorer.remove();
|
|
});
|
|
|
|
test('restore (from serialized state)', function() {
|
|
var dataset = Fixture.getDataset();
|
|
var explorer = new recline.View.MultiView({
|
|
model: dataset,
|
|
});
|
|
var state = explorer.state.toJSON();
|
|
var explorerNew = recline.View.MultiView.restore(state);
|
|
equal(explorerNew.model.get('backend'), 'memory');
|
|
var out = explorerNew.state.toJSON();
|
|
equal(out.backend, state.backend);
|
|
|
|
explorer.remove();
|
|
explorerNew.remove();
|
|
|
|
var dataset = new recline.Model.Dataset({
|
|
url: 'http://data.london.gov.uk/datafiles/transport/tfl_passengers.csv',
|
|
format: 'csv',
|
|
backend: 'dataproxy'
|
|
});
|
|
var explorer = new recline.View.MultiView({
|
|
model: dataset,
|
|
});
|
|
var state = explorer.state.toJSON();
|
|
var explorerNew = recline.View.MultiView.restore(state);
|
|
equal(explorerNew.model.get('backend'), 'dataproxy');
|
|
equal(explorerNew.model.get('format'), 'csv');
|
|
|
|
explorer.remove();
|
|
explorerNew.remove();
|
|
});
|
|
|
|
})(this.jQuery);
|
|
|