You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
3.4 KiB
108 lines
3.4 KiB
var assert = require('assert');
|
|
|
|
describe('Timeline ItemSet', function () {
|
|
before(function () {
|
|
delete require.cache[require.resolve('../dist/vis')]
|
|
this.jsdom = require('jsdom-global')();
|
|
this.vis = require('../dist/vis');
|
|
var TestSupport = require('./TestSupport');
|
|
var rangeBody = TestSupport.buildSimpleTimelineRangeBody();
|
|
this.testrange = new this.vis.timeline.Range(rangeBody);
|
|
this.testrange.setRange(new Date(2017, 1, 26, 13, 26, 3, 320), new Date(2017, 1, 26, 13, 26, 4, 320), false, false, null);
|
|
this.testitems = new this.vis.DataSet({
|
|
type: {
|
|
start: 'Date',
|
|
end: 'Date'
|
|
}
|
|
});
|
|
// add single items with different date types
|
|
this.testitems.add({id: 1, content: 'Item 1', start: new Date(2017, 1, 26, 13, 26, 3, 600), type: 'point'});
|
|
this.testitems.add({id: 2, content: 'Item 2', start: new Date(2017, 1, 26, 13, 26, 5, 600), type: 'point'});
|
|
})
|
|
|
|
after(function () {
|
|
this.jsdom();
|
|
})
|
|
|
|
var getBasicBody = function() {
|
|
var body = {
|
|
dom: {
|
|
container: document.createElement('div'),
|
|
leftContainer: document.createElement('div'),
|
|
centerContainer: document.createElement('div'),
|
|
top: document.createElement('div'),
|
|
left: document.createElement('div'),
|
|
center: document.createElement('div'),
|
|
backgroundVertical: document.createElement('div')
|
|
},
|
|
domProps: {
|
|
root: {},
|
|
background: {},
|
|
centerContainer: {},
|
|
leftContainer: {},
|
|
rightContainer: {},
|
|
center: {},
|
|
left: {},
|
|
right: {},
|
|
top: {},
|
|
bottom: {},
|
|
border: {},
|
|
scrollTop: 0,
|
|
scrollTopMin: 0
|
|
},
|
|
emitter: {
|
|
on: function() {return {};},
|
|
emit: function() {}
|
|
},
|
|
util: {
|
|
}
|
|
}
|
|
return body;
|
|
};
|
|
|
|
it('should initialise with minimal data', function () {
|
|
var body = getBasicBody();
|
|
var itemset = new this.vis.timeline.components.ItemSet(body, {});
|
|
assert(itemset);
|
|
});
|
|
|
|
it('should redraw() and have the right classNames', function () {
|
|
var body = getBasicBody();
|
|
body.range = this.testrange;
|
|
var itemset = new this.vis.timeline.components.ItemSet(body, {});
|
|
itemset.redraw();
|
|
assert.equal(itemset.dom.frame.className, 'vis-itemset');
|
|
assert.equal(itemset.dom.background.className, 'vis-background');
|
|
assert.equal(itemset.dom.foreground.className, 'vis-foreground');
|
|
assert.equal(itemset.dom.axis.className, 'vis-axis');
|
|
assert.equal(itemset.dom.labelSet.className, 'vis-labelset');
|
|
});
|
|
|
|
it('should start with no items', function () {
|
|
var body = getBasicBody();
|
|
var itemset = new this.vis.timeline.components.ItemSet(body, {});
|
|
assert.equal(itemset.getItems(), null);
|
|
});
|
|
|
|
it('should store items correctly', function() {
|
|
var body = getBasicBody();
|
|
body.range = this.testrange;
|
|
var DateUtil = this.vis.timeline.DateUtil;
|
|
body.util.toScreen = function(time) {
|
|
return DateUtil.toScreen({
|
|
body: {
|
|
hiddenDates: []
|
|
},
|
|
range: {
|
|
conversion: function() {
|
|
return {offset: 0, scale: 100};
|
|
}
|
|
}
|
|
}, time, 900)
|
|
};
|
|
var itemset = new this.vis.timeline.components.ItemSet(body, {});
|
|
itemset.setItems(this.testitems);
|
|
assert.equal(itemset.getItems().length, 2);
|
|
assert.deepEqual(itemset.getItems(), this.testitems);
|
|
});
|
|
});
|