1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
module('utility');
test('MG.convert.date', function() {
var data = [{'date': '2014-01-01', 'value': 12},
{'date': '2014-03-01', 'value': 18}];
MG.convert.date(data, 'date');
equal($.type(data[0].date), 'date', 'First date is of type date');
equal($.type(data[0].date), 'date', 'Second date is of type date');
});
test('MG.convert.date with an alternative timestamp style', function() {
var data = [{'date': '2014-20-12', 'value': 12},
{'date': '2014-21-12', 'value': 18}];
MG.convert.date(data, 'date', '%Y-%d-%m');
equal($.type(data[0].date), 'date', 'First date is of type date');
equal($.type(data[0].date), 'date', 'Second date is of type date');
});
test('MG.convert.number', function() {
var data = [{'date': '2014-20-12', 'value': '12'},
{'date': '2014-21-12', 'value': '18'}];
MG.convert.number(data, 'value');
equal($.type(data[0].value), 'number', 'First value is a number');
equal($.type(data[0].value), 'number', 'Second value is a number');
});
test('mg_get_svg_child_of', function(){
d3.select('#qunit-fixture').append('svg');
var svg_element_with_node = mg_get_svg_child_of(document.querySelector('#qunit-fixture'));
var svg_element_with_text = mg_get_svg_child_of('#qunit-fixture');
equal(svg_element_with_node.nodes().length, 1, 'Node-based argument should return a d3 selection with svg.');
equal(svg_element_with_node.nodes().length, 1, 'Selector-based argument should return a d3 selection with svg.');
});
test('mg_target_ref', function() {
var chart_area2 = document.createElement('div');
mg_target_ref(chart_area2);
ok(chart_area2.getAttribute('data-mg-uid').match(/mg-[\d]/), 'applies generated ID to DOM element');
});
test('Overlapping markers are taken care of', function() {
var params = {
data: [{
"date": new Date('2016-01-01'),
"value": 6
},
{
"date": new Date('2016-01-02'),
"value": 8
},
{
"date": new Date('2016-01-03'),
"value": 34
},
{
"date": new Date('2016-01-04'),
"value": 38
}],
markers: [{'date': new Date('2016-01-02'), 'label': 'A happened'},{'date': new Date('2016-01-02'), 'label': 'B happened'}],
target: "#qunit-fixture"
};
MG.data_graphic(params);
equal(mg_is_horizontally_overlapping(d3.selectAll('.mg-marker-text').node(), d3.selectAll('.mg-marker-text').nodes()), false, 'Markers aren\'t overlapping');
});
test('compare_type', function() {
[
['number', null, true],
['number', 1, true],
['number', 'str', false],
['number[]', 1, false],
['number[]', [1], true],
['object[]', [{}, 1], false],
[['number', 'string'], 1, true],
[['number', 'string'], 'str', true],
[['number', 'string'], {}, false],
[['a', 'b'], 'a', true],
[['a', 'b'], 'c', false]
].forEach(i => {
equal(compare_type(i[0], i[1]), i[2], i);
});
});
|
