diff options
author | Kristian Lyngstol <kristian@bohemians.org> | 2015-04-02 19:24:45 +0200 |
---|---|---|
committer | Kristian Lyngstol <kristian@bohemians.org> | 2015-04-02 19:24:45 +0200 |
commit | 0d8bba263dc195147d6fdb09662e7926f0a58b3e (patch) | |
tree | 4c570b4376c323e585120e7695b8715be7aa8881 /web/nms.gathering.org/speedometer/c3-master/spec/shape.line-spec.js | |
parent | e4354b47bd8891c5b1ee591fdf74b3ca67eee461 (diff) |
Bump lots of changes
Diffstat (limited to 'web/nms.gathering.org/speedometer/c3-master/spec/shape.line-spec.js')
-rw-r--r-- | web/nms.gathering.org/speedometer/c3-master/spec/shape.line-spec.js | 99 |
1 files changed, 99 insertions, 0 deletions
diff --git a/web/nms.gathering.org/speedometer/c3-master/spec/shape.line-spec.js b/web/nms.gathering.org/speedometer/c3-master/spec/shape.line-spec.js new file mode 100644 index 0000000..b4f5dc8 --- /dev/null +++ b/web/nms.gathering.org/speedometer/c3-master/spec/shape.line-spec.js @@ -0,0 +1,99 @@ +describe('c3 chart shape line', function () { + 'use strict'; + + var chart, args; + + beforeEach(function (done) { + chart = window.initChart(chart, args, done); + }); + + 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'); + expect(style).toBe('auto'); + }); + }); + + it('should chnage to step chart', function () { + args.data.type = 'step'; + expect(true).toBeTruthy(); + }); + + it("should have shape-rendering = crispedges when it's step chart", function () { + d3.selectAll('.c3-line').each(function () { + var style = d3.select(this).style('shape-rendering'); + expect(style).toBe('crispedges'); + }); + }); + + }); + + describe('point.show option', function () { + + it('should change args to include null data', function () { + args = { + data: { + columns: [ + ['data1', 30, null, 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 show the circle for null', function (done) { + setTimeout(function () { + var target = chart.internal.main.select('.c3-chart-line.c3-target-data1'); + expect(+target.select('.c3-circle-0').style('opacity')).toBe(1); + expect(+target.select('.c3-circle-1').style('opacity')).toBe(0); + expect(+target.select('.c3-circle-2').style('opacity')).toBe(1); + done(); + }, 500); + }); + + it('should change args to include null data on scatter plot', function () { + args = { + data: { + columns: [ + ['data1', 30, null, 100, 400, -150, 250], + ['data2', 50, 20, 10, 40, 15, 25], + ['data3', -150, 120, 110, 140, 115, 125] + ], + type: 'scatter' + } + }; + expect(true).toBeTruthy(); + }); + + it('should not show the circle for null', function (done) { + setTimeout(function () { + var target = chart.internal.main.select('.c3-chart-line.c3-target-data1'); + expect(+target.select('.c3-circle-0').style('opacity')).toBe(0.5); + expect(+target.select('.c3-circle-1').style('opacity')).toBe(0); + expect(+target.select('.c3-circle-2').style('opacity')).toBe(0.5); + done(); + }, 500); + }); + + }); + +}); |