playground
/
c3
mirror of https://github.com/masayuki0812/c3.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Fix specs

pull/1003/head
Masayuki Tanaka 10 years ago
parent
84d1ac0c43
commit
e1a39c873e
20 changed files with 182 additions and 209 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      .jshintrc
  2. 4
      spec/api.data-spec.js
  3. 4
      spec/api.focus-spec.js
  4. 23
      spec/api.grid-spec.js
  5. 25
      spec/api.load-spec.js
  6. 43
      spec/api.zoom-spec.js
  7. 57
      spec/axis-spec.js
  8. 2
      spec/c3-spec.js
  9. 4
      spec/class-spec.js
  10. 4
      spec/core-spec.js
  11. 4
      spec/data-spec.js
  12. 4
      spec/domain-spec.js
  13. 45
      spec/grid-spec.js
  14. 14
      spec/interaction-spec.js
  15. 53
      spec/legend-spec.js
  16. 35
      spec/shape.bar-spec.js
  17. 29
      spec/shape.line-spec.js
  18. 6
      spec/tooltip-spec.js
  19. 29
      spec/type-spec.js
  20. 4
      spec/zoom-spec.js

2
.jshintrc
Unescape View File

@ -19,8 +19,10 @@
"browser": true,
"globals": {
"jasmine": false,
"describe": false,
"beforeEach": false,
"beforeAll": false,
"it": false,
"expect": false,
"d3": false

4
spec/api.data-spec.js
Unescape View File

@ -1,8 +1,7 @@
describe('c3 api data', function () {
'use strict';
var chart, d3;
var chart;
var args = {
data: {
@ -32,7 +31,6 @@ describe('c3 api data', function () {
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('data()', function () {

4
spec/api.focus-spec.js
Unescape View File

@ -1,8 +1,7 @@
describe('c3 api focus', function () {
'use strict';
var chart, d3;
var chart;
var args = {
data: {
@ -16,7 +15,6 @@ describe('c3 api focus', function () {
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('focus', function () {

23
spec/api.grid-spec.js
Unescape View File

@ -1,24 +1,25 @@
describe('c3 api grid', function () {
'use strict';
var chart, d3;
var args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250]
]
}
};
var chart, args;
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('ygrid.add and ygrid.remove', function () {
it('should update args', function () {
args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250]
]
}
};
expect(true).toBeTruthy();
});
it('should update y grids', function (done) {
var main = chart.internal.main,
expectedGrids = [

25
spec/api.load-spec.js
Unescape View File

@ -1,27 +1,28 @@
describe('c3 api load', function () {
'use strict';
var chart, d3;
var args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 5000, 2000, 1000, 4000, 1500, 2500]
]
}
};
var chart, args;
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('indexed data', function () {
describe('as column', function () {
it('should update args', function () {
args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 5000, 2000, 1000, 4000, 1500, 2500]
]
}
};
expect(true).toBeTruthy();
});
it('should load additional data', function (done) {
var main = chart.internal.main,
legend = chart.internal.legend;

43
spec/api.zoom-spec.js
Unescape View File

@ -1,37 +1,30 @@
describe('c3 api zoom', function () {
'use strict';
var chart, d3;
var args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25],
['data3', 150, 120, 110, 140, 115, 125]
]
},
zoom: {
enabled: true
}
};
var chart, args;
beforeEach(function (done) {
if (typeof chart === 'undefined') {
window.initDom();
}
chart = window.c3.generate(args);
d3 = chart.internal.d3;
// chart.internal.d3.select('.jasmine_html-reporter').style('display', 'none');
window.setTimeout(function () {
done();
}, 10);
chart = window.initChart(chart, args, done);
});
describe('zoom', function () {
it('should update args', function () {
args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25],
['data3', 150, 120, 110, 140, 115, 125]
]
},
zoom: {
enabled: true
}
};
expect(true).toBeTruthy();
});
it('should be zoomed properly', function () {
var target = [3, 5], domain;
chart.zoom(target);

57
spec/axis-spec.js
Unescape View File

@ -1,8 +1,7 @@
describe('c3 chart axis', function () {
'use strict';
var chart, d3;
var chart;
var args = {
data: {
@ -30,16 +29,13 @@ describe('c3 chart axis', function () {
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('axis.y.tick.count', function () {
var i = 1;
beforeEach(function () {
args.axis.y.tick.count = i++;
chart = window.c3.generate(args);
it('should update args to have only 1 tick on y axis', function () {
args.axis.y.tick.count = 1;
expect(true).toBeTruthy();
});
it('should have only 1 tick on y axis', function () {
@ -47,11 +43,21 @@ describe('c3 chart axis', function () {
expect(ticksSize).toBe(1);
});
it('should update args to have 2 ticks on y axis', function () {
args.axis.y.tick.count = 2;
expect(true).toBeTruthy();
});
it('should have 2 ticks on y axis', function () {
var ticksSize = d3.select('.c3-axis-y').selectAll('g.tick').size();
expect(ticksSize).toBe(2);
});
it('should update args to have 3 ticks on y axis', function () {
args.axis.y.tick.count = 3;
expect(true).toBeTruthy();
});
it('should have 3 ticks on y axis', function () {
var ticksSize = d3.select('.c3-axis-y').selectAll('g.tick').size();
expect(ticksSize).toBe(3);
@ -63,9 +69,9 @@ describe('c3 chart axis', function () {
var values = [100, 500];
beforeEach(function () {
it('should update args to have only 2 ticks on y axis', function () {
args.axis.y.tick.values = values;
chart = window.c3.generate(args);
expect(true).toBeTruthy();
});
it('should have only 2 tick on y axis', function () {
@ -84,25 +90,24 @@ describe('c3 chart axis', function () {
describe('axis y timeseries', function () {
var args = {
data: {
columns: [
["times", 60000, 120000, 180000, 240000]
]
},
axis: {
y: {
type : 'timeseries',
tick: {
time: {
it('should update args', function () {
args = {
data: {
columns: [
["times", 60000, 120000, 180000, 240000]
]
},
axis: {
y: {
type : 'timeseries',
tick: {
time: {
}
}
}
}
}
};
beforeEach(function () {
chart = window.c3.generate(args);
};
expect(true).toBeTruthy();
});
it('should have 7 ticks on y axis', function () {

2
spec/c3-spec.js
Unescape View File

@ -1,4 +1,3 @@
describe('c3', function () {
'use strict';
@ -9,4 +8,3 @@ describe('c3', function () {
expect(typeof c3).toBe('object');
});
});

4
spec/class-spec.js
Unescape View File

@ -1,8 +1,7 @@
describe('c3 chart class', function () {
'use strict';
var chart, d3;
var chart;
var args = {
data: {
@ -16,7 +15,6 @@ describe('c3 chart class', function () {
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('internal.getTargetSelectorSuffix', function () {

4
spec/core-spec.js
Unescape View File

@ -1,8 +1,7 @@
describe('c3 chart', function () {
'use strict';
var chart, d3;
var chart;
var args = {
data: {
@ -16,7 +15,6 @@ describe('c3 chart', function () {
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('init', function () {

4
spec/data-spec.js
Unescape View File

@ -1,8 +1,7 @@
describe('c3 chart data', function () {
'use strict';
var chart, d3;
var chart;
var args = {
data: {
@ -19,7 +18,6 @@ describe('c3 chart data', function () {
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('function in data.order', function () {

4
spec/domain-spec.js
Unescape View File

@ -1,8 +1,7 @@
describe('c3 chart domain', function () {
'use strict';
var chart, d3;
var chart;
var args = {
data: {
@ -19,7 +18,6 @@ describe('c3 chart domain', function () {
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('axis.y.min', function () {

45
spec/grid-spec.js
Unescape View File

@ -1,35 +1,36 @@
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
}
}
};
var chart, args;
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('y grid', function () {
it('should update args', function () {
args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250]
]
},
axis: {
y: {
tick: {
}
}
},
grid: {
y: {
show: false
}
}
};
expect(true).toBeTruthy();
});
it('should not show y grids', function () {
expect(chart.internal.main.select('.c3-ygrids').size()).toBe(0);
});

14
spec/interaction-spec.js
Unescape View File

@ -1,22 +1,10 @@
describe('c3 chart interaction', function () {
'use strict';
var chart, d3;
var args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25],
['data3', 150, 120, 110, 140, 115, 125]
]
}
};
var chart, args;
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('generate event rects', function () {

53
spec/legend-spec.js
Unescape View File

@ -1,35 +1,26 @@
describe('c3 chart legend', function () {
'use strict';
var chart, d3;
var args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
]
}
};
var chart, args;
beforeEach(function (done) {
if (typeof chart === 'undefined') {
window.initDom();
}
chart = window.c3.generate(args);
d3 = chart.internal.d3;
chart.internal.d3.select('.jasmine_html-reporter')
.style('position', 'absolute')
.style('right', 0);
window.setTimeout(function () {
done();
}, 10);
chart = window.initChart(chart, args, done);
});
describe('legend position', function () {
it('should update args', function () {
args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
]
}
};
expect(true).toBeTruthy();
});
it('should be located on the center of chart', function () {
var box = chart.internal.legend.node().getBoundingClientRect();
expect(box.left + box.right).toBe(640);
@ -40,10 +31,18 @@ describe('c3 chart legend', function () {
describe('legend as inset', function () {
it('should change the legend to "inset" successfully', function () {
args.legend = {
position: 'inset',
inset: {
step: null
args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
]
},
legend: {
position: 'inset',
inset: {
step: null
}
}
};
expect(true).toBeTruthy();

35
spec/shape.bar-spec.js
Unescape View File

@ -1,34 +1,35 @@
var setMouseEvent = window.setMouseEvent;
describe('c3 chart shape bar', function () {
'use strict';
var chart, d3;
var args = {
data: {
columns: [
['data1', 30, 200, 100, 400, -150, 250],
['data2', 50, 20, 10, 40, 15, 25],
['data3', -150, 120, 110, 140, 115, 125]
],
type: 'bar'
},
axis: {
rotated: false
}
};
var chart, args;
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('internal.isWithinBar', function () {
describe('with normal axis', function () {
it('should update args', function () {
args = {
data: {
columns: [
['data1', 30, 200, 100, 400, -150, 250],
['data2', 50, 20, 10, 40, 15, 25],
['data3', -150, 120, 110, 140, 115, 125]
],
type: 'bar'
},
axis: {
rotated: false
}
};
expect(true).toBeTruthy();
});
it('should not be within bar', function () {
var bar = d3.select('.c3-target-data1 .c3-bar-0').node();
setMouseEvent(chart, 'click', 0, 0);

29
spec/shape.line-spec.js
Unescape View File

@ -1,27 +1,28 @@
describe('c3 chart shape line', function () {
'use strict';
var chart, d3;
var args = {
data: {
columns: [
['data1', 30, 200, 100, 400, -150, 250],
['data2', 50, 20, 10, 40, 15, 25],
['data3', -150, 120, 110, 140, 115, 125]
],
type: 'line'
}
};
var chart, args;
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('shape-rendering for line chart', function () {
it('should update args', function () {
args = {
data: {
columns: [
['data1', 30, 200, 100, 400, -150, 250],
['data2', 50, 20, 10, 40, 15, 25],
['data3', -150, 120, 110, 140, 115, 125]
],
type: 'line'
}
};
expect(true).toBeTruthy();
});
it("should not have shape-rendering when it's line chart", function () {
d3.selectAll('.c3-line').each(function () {
var style = d3.select(this).style('shape-rendering');

6
spec/tooltip-spec.js
Unescape View File

@ -1,10 +1,7 @@
var jasmine = window.jasmine,
beforeAll = window.beforeAll;
describe('c3 chart tooltip', function () {
'use strict';
var chart, d3;
var chart;
var tooltipConfiguration;
var args = function () {
@ -22,7 +19,6 @@ describe('c3 chart tooltip', function () {
beforeEach(function (done) {
chart = window.initChart(chart, args(), done);
d3 = chart.internal.d3;
});
describe('tooltip position', function () {

29
spec/type-spec.js
Unescape View File

@ -1,29 +1,30 @@
describe('c3 chart types', function () {
'use strict';
var chart, d3;
var args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25],
['data3', 150, 120, 110, 140, 115, 125]
],
type: 'pie'
}
};
var chart, args;
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('internal.hasArcType', function () {
describe('with data', function () {
it('should update args', function () {
args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25],
['data3', 150, 120, 110, 140, 115, 125]
],
type: 'pie'
}
};
expect(true).toBeTruthy();
});
it('should return true', function () {
expect(chart.internal.hasArcType()).toBeTruthy();
});

4
spec/zoom-spec.js
Unescape View File

@ -1,8 +1,7 @@
describe('c3 chart zoom', function () {
'use strict';
var chart, d3;
var chart;
var args = {
data: {
@ -26,7 +25,6 @@ describe('c3 chart zoom', function () {
beforeEach(function (done) {
chart = window.initChart(chart, args, done);
d3 = chart.internal.d3;
});
describe('default extent', function () {

Write Preview
Loading…
Cancel
Save