| describe('Charts', function () { | |
| var | |
| width = 480, | |
| height = 320, | |
| a, b, options, defaults; | |
| defaults = { | |
| width : 480, | |
| height : 320, | |
| color : "rgb(192,216,0)", | |
| context : null, | |
| data : null, | |
| fill : false, | |
| fillColor : null, | |
| fillOpacity : 0.4, | |
| fillStyle : "rgba(192,216,0,0.4)", | |
| fontColor : "#545454", | |
| fontSize : 7.5, | |
| htmlText : true, | |
| lineWidth : 2, | |
| shadowSize : 4, | |
| show : false, | |
| stacked : false, | |
| textEnabled : true, | |
| xScale : function (x) { return x; }, | |
| yScale : function (y) { return height - y; } | |
| }; | |
| /** | |
| * @param skip bool Skip test against development version (use this when developing test) | |
| */ | |
| function drawTest (data, o, skip) { | |
| options.data = data; | |
| if (o) _.extend(options, o); | |
| if (!skip) TestFlotr.graphTypes.lines.draw(options); | |
| options.context = b.getContext('2d'); | |
| StableFlotr.graphTypes.lines.draw(options); | |
| expect(b).toImageDiffEqual(a); | |
| } | |
| describe('Lines', function () { | |
| beforeEach(function () { | |
| options = _.clone(defaults); | |
| }); | |
| /* | |
| describe('Data', function () { | |
| it('gets a range', function () { | |
| options.stacked = true; | |
| options.data = [[0, 0], [240, 160], [480, 320]]; | |
| range = TestFlotr.graphTypes.lines.range(options); | |
| expect(range.min).toEqual(0); | |
| expect(range.max).toEqual(320); | |
| }); | |
| }); | |
| */ | |
| describe('Draw', function () { | |
| beforeEach(function () { | |
| this.addMatchers(imagediff.jasmine); | |
| a = imagediff.createCanvas(width, height); | |
| b = imagediff.createCanvas(width, height); | |
| options.context = a.getContext('2d'); | |
| }); | |
| it('draws a line chart', function () { | |
| drawTest([ | |
| [0, 0], | |
| [240, 300], | |
| [480, 0] | |
| ]); | |
| }); | |
| it('skips null values', function () { | |
| drawTest([ | |
| [0, 0], | |
| [100, 50], | |
| [200, null], | |
| [300, 150], | |
| [400, 200], | |
| [480, 240] | |
| ]); | |
| }); | |
| it('draws two lines', function () { | |
| // First line | |
| drawTest([[0, 0], [240, 160], [480, 320]]); | |
| // Second Line | |
| options.context = a.getContext('2d'); | |
| drawTest([[0, 320], [240, 160], [480, 0]]); | |
| }); | |
| it('fills a line', function () { | |
| drawTest([ | |
| [0, 0], | |
| [240, 300], | |
| [480, 0] | |
| ], { | |
| fill : true | |
| }); | |
| }); | |
| it('draws no shadow', function () { | |
| drawTest([ | |
| [0, 0], | |
| [240, 300], | |
| [480, 0] | |
| ], { | |
| shadowSize : 0 | |
| }); | |
| }); | |
| }); | |
| }); | |
| }); | |