|
|
|
@ -50,6 +50,8 @@ describe('c3 chart data', function () {
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
describe('timeseries x', function () { |
|
|
|
|
describe('without xFormat', function () { |
|
|
|
|
|
|
|
|
|
it('should load timeseries data successfully', function () { |
|
|
|
|
args = { |
|
|
|
|
data: { |
|
|
|
@ -86,28 +88,22 @@ describe('c3 chart data', function () {
|
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
describe('milliseconds timeseries x', function () { |
|
|
|
|
|
|
|
|
|
describe('as date string', function () { |
|
|
|
|
|
|
|
|
|
it('should update args', function () { |
|
|
|
|
describe('with xFormat', function () { |
|
|
|
|
describe('timeseries x with xFormat', function () { |
|
|
|
|
it('should load timeseries data successfully', function () { |
|
|
|
|
args = { |
|
|
|
|
data: { |
|
|
|
|
x : 'date', |
|
|
|
|
xFormat: '%Y-%m-%d %H:%M:%S.%L', |
|
|
|
|
xFormat: '%Y%m%d', |
|
|
|
|
columns: [ |
|
|
|
|
['date', "2014-05-20 17:25:00.123", "2014-05-20 17:30:00.345"], |
|
|
|
|
['data1', 30, 200], |
|
|
|
|
['data2', 130, 300] |
|
|
|
|
['date', '20130101', '20130102', '20130103'], |
|
|
|
|
['data1', 30, 200, 100], |
|
|
|
|
['data2', 130, 300, 200] |
|
|
|
|
] |
|
|
|
|
}, |
|
|
|
|
axis: { |
|
|
|
|
x: { |
|
|
|
|
type: 'timeseries', |
|
|
|
|
tick: { |
|
|
|
|
format: '%Y-%m-%d %H:%M:%S.%L', |
|
|
|
|
multiline: false |
|
|
|
|
} |
|
|
|
|
axis : { |
|
|
|
|
x : { |
|
|
|
|
type : 'timeseries' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
@ -116,35 +112,34 @@ describe('c3 chart data', function () {
|
|
|
|
|
|
|
|
|
|
it('should have correct number of xs', function () { |
|
|
|
|
expect(Object.keys(chart.internal.data.xs).length).toBe(2); |
|
|
|
|
expect(chart.internal.data.xs.data1.length).toBe(2); |
|
|
|
|
expect(chart.internal.data.xs.data2.length).toBe(2); |
|
|
|
|
expect(chart.internal.data.xs.data1.length).toBe(3); |
|
|
|
|
expect(chart.internal.data.xs.data2.length).toBe(3); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
it('should have Date object as x', function () { |
|
|
|
|
var xs = chart.internal.data.xs; |
|
|
|
|
expect(+xs.data1[0]).toBe(+new Date(2014, 4, 20, 17, 25, 0, 123)); |
|
|
|
|
expect(+xs.data1[1]).toBe(+new Date(2014, 4, 20, 17, 30, 0, 345)); |
|
|
|
|
expect(+xs.data2[0]).toBe(+new Date(2014, 4, 20, 17, 25, 0, 123)); |
|
|
|
|
expect(+xs.data2[1]).toBe(+new Date(2014, 4, 20, 17, 30, 0, 345)); |
|
|
|
|
expect(+xs.data1[0]).toBe(+new Date(2013, 0, 1, 0, 0, 0)); |
|
|
|
|
expect(+xs.data1[1]).toBe(+new Date(2013, 0, 2, 0, 0, 0)); |
|
|
|
|
expect(+xs.data1[2]).toBe(+new Date(2013, 0, 3, 0, 0, 0)); |
|
|
|
|
expect(+xs.data2[0]).toBe(+new Date(2013, 0, 1, 0, 0, 0)); |
|
|
|
|
expect(+xs.data2[1]).toBe(+new Date(2013, 0, 2, 0, 0, 0)); |
|
|
|
|
expect(+xs.data2[2]).toBe(+new Date(2013, 0, 3, 0, 0, 0)); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
it('should have milliseconds tick format', function () { |
|
|
|
|
var expected = ["2014-05-20 17:25:00.123", "2014-05-20 17:30:00.345"]; |
|
|
|
|
chart.internal.main.selectAll('.c3-axis-x g.tick text').each(function (d, i) { |
|
|
|
|
expect(d3.select(this).text()).toBe(expected[i]); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
describe('as unixtime number', function () { |
|
|
|
|
describe('milliseconds timeseries x', function () { |
|
|
|
|
|
|
|
|
|
describe('as date string', function () { |
|
|
|
|
|
|
|
|
|
it('should update args', function () { |
|
|
|
|
args = { |
|
|
|
|
data: { |
|
|
|
|
x : 'date', |
|
|
|
|
xFormat: '%Y-%m-%d %H:%M:%S.%L', |
|
|
|
|
columns: [ |
|
|
|
|
['date', 1417622461123, 1417622522345], |
|
|
|
|
['date', "2014-05-20 17:25:00.123", "2014-05-20 17:30:00.345"], |
|
|
|
|
['data1', 30, 200], |
|
|
|
|
['data2', 130, 300] |
|
|
|
|
] |
|
|
|
@ -153,7 +148,8 @@ describe('c3 chart data', function () {
|
|
|
|
|
x: { |
|
|
|
|
type: 'timeseries', |
|
|
|
|
tick: { |
|
|
|
|
format: '%Y-%m-%d %H:%M:%S.%L' |
|
|
|
|
format: '%Y-%m-%d %H:%M:%S.%L', |
|
|
|
|
multiline: false |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -169,21 +165,29 @@ describe('c3 chart data', function () {
|
|
|
|
|
|
|
|
|
|
it('should have Date object as x', function () { |
|
|
|
|
var xs = chart.internal.data.xs; |
|
|
|
|
expect(+xs.data1[0]).toBe(1417622461123); |
|
|
|
|
expect(+xs.data1[1]).toBe(1417622522345); |
|
|
|
|
expect(+xs.data2[0]).toBe(1417622461123); |
|
|
|
|
expect(+xs.data2[1]).toBe(1417622522345); |
|
|
|
|
expect(+xs.data1[0]).toBe(+new Date(2014, 4, 20, 17, 25, 0, 123)); |
|
|
|
|
expect(+xs.data1[1]).toBe(+new Date(2014, 4, 20, 17, 30, 0, 345)); |
|
|
|
|
expect(+xs.data2[0]).toBe(+new Date(2014, 4, 20, 17, 25, 0, 123)); |
|
|
|
|
expect(+xs.data2[1]).toBe(+new Date(2014, 4, 20, 17, 30, 0, 345)); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
it('should have milliseconds tick format', function () { |
|
|
|
|
var expected = ["2014-05-20 17:25:00.123", "2014-05-20 17:30:00.345"]; |
|
|
|
|
chart.internal.main.selectAll('.c3-axis-x g.tick text').each(function (d, i) { |
|
|
|
|
expect(d3.select(this).text()).toBe(expected[i]); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
describe('as unixtime string', function () { |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
describe('as unixtime number', function () { |
|
|
|
|
|
|
|
|
|
it('should upate args', function () { |
|
|
|
|
it('should update args', function () { |
|
|
|
|
args = { |
|
|
|
|
data: { |
|
|
|
|
x : 'date', |
|
|
|
|
columns: [ |
|
|
|
|
['date', "1417622461123", "1417622522345"], |
|
|
|
|
['date', 1417622461123, 1417622522345], |
|
|
|
|
['data1', 30, 200], |
|
|
|
|
['data2', 130, 300] |
|
|
|
|
] |
|
|
|
@ -192,8 +196,7 @@ describe('c3 chart data', function () {
|
|
|
|
|
x: { |
|
|
|
|
type: 'timeseries', |
|
|
|
|
tick: { |
|
|
|
|
format: '%Y-%m-%d %H:%M:%S.%L', |
|
|
|
|
multiline: false |
|
|
|
|
format: '%Y-%m-%d %H:%M:%S.%L' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -214,7 +217,6 @@ describe('c3 chart data', function () {
|
|
|
|
|
expect(+xs.data2[0]).toBe(1417622461123); |
|
|
|
|
expect(+xs.data2[1]).toBe(1417622522345); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|