mirror of https://github.com/masayuki0812/c3.git
Quite good looking graph derived from d3.js
http://c3js.org
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.
84 lines
2.4 KiB
84 lines
2.4 KiB
10 years ago
|
var describe = window.describe,
|
||
|
|
expect = window.expect,
|
||
|
|
it = window.it,
|
||
|
|
beforeEach = window.beforeEach;
|
||
|
|
|
||
|
|
describe('c3 chart grid', function () {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var chart, d3;
|
||
|
|
|
||
|
|
var args = {
|
||
|
|
data: {
|
||
|
|
columns: [
|
||
|
|
['data1', 30, 200, 100, 400, 150, 250]
|
||
|
|
]
|
||
|
|
},
|
||
|
|
axis: {
|
||
|
|
y: {
|
||
|
|
tick: {
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
y: {
|
||
|
|
show: false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
beforeEach(function (done) {
|
||
|
|
chart = window.initChart(chart, args, done);
|
||
|
|
d3 = chart.internal.d3;
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('y grid', function () {
|
||
|
|
|
||
|
|
it('should not show y grids', function () {
|
||
|
|
expect(chart.internal.main.select('.c3-ygrids').size()).toBe(0);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should update args to show y grids', function () {
|
||
|
|
args.grid.y.show = true;
|
||
|
|
expect(true).toBeTruthy();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should show y grids', function () {
|
||
|
|
var ygrids = chart.internal.main.select('.c3-ygrids');
|
||
|
|
expect(ygrids.size()).toBe(1);
|
||
|
|
expect(ygrids.selectAll('.c3-ygrid').size()).toBe(9);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should update args to show only 3 y grids', function () {
|
||
|
|
args.grid.y.ticks = 3;
|
||
|
|
expect(true).toBeTruthy();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should show only 3 y grids', function () {
|
||
|
|
var ygrids = chart.internal.main.select('.c3-ygrids');
|
||
|
|
expect(ygrids.size()).toBe(1);
|
||
|
|
expect(ygrids.selectAll('.c3-ygrid').size()).toBe(3);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should update args to show y grids depending on y axis ticks', function () {
|
||
|
|
args.axis.y.tick.count = 5;
|
||
|
|
expect(true).toBeTruthy();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should show grids depending on y axis ticks', function () {
|
||
|
|
var ygrids = chart.internal.main.select('.c3-ygrids'),
|
||
|
|
expectedYs = [];
|
||
|
|
ygrids.selectAll('.c3-ygrid').each(function (d, i) {
|
||
|
|
expectedYs[i] = +d3.select(this).attr('y1');
|
||
|
|
});
|
||
|
|
expect(ygrids.size()).toBe(1);
|
||
|
|
expect(ygrids.selectAll('.c3-ygrid').size()).toBe(5);
|
||
|
|
chart.internal.main.select('.c3-axis-y').selectAll('.tick').each(function (d, i) {
|
||
|
|
var t = d3.transform(d3.select(this).attr('transform'));
|
||
|
|
expect(t.translate[1]).toBe(expectedYs[i]);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
});
|