| describe('Charts', function () { | describe('Charts', function () { |
| var | var |
| width = 480, | width = 480, |
| height = 320, | height = 320, |
| a, b, options, defaults; | a, b, options, defaults; |
| defaults = { | defaults = { |
| width : 480, | width: 480, |
| height : 320, | height: 320, |
| color : "rgb(192,216,0)", | color: "rgb(192,216,0)", |
| context : null, | context: null, |
| data : null, | data: null, |
| fill : false, | fill: false, |
| fillColor : null, | fillColor: null, |
| fillOpacity : 0.4, | fillOpacity: 0.4, |
| fillStyle : "rgba(192,216,0,0.4)", | fillStyle: "rgba(192,216,0,0.4)", |
| fontColor : "#545454", | fontColor: "#545454", |
| fontSize : 7.5, | fontSize: 7.5, |
| htmlText : true, | htmlText: true, |
| lineWidth : 2, | lineWidth: 2, |
| shadowSize : 4, | shadowSize: 4, |
| show : false, | show: false, |
| stacked : false, | stacked: false, |
| textEnabled : true, | textEnabled: true, |
| xScale : function (x) { return x; }, | xScale: function (x) { |
| yScale : function (y) { return height - y; } | return x; |
| }; | }, |
| yScale: function (y) { | |
| return height - y; | |
| } | |
| }; | |
| /** | /** |
| * @param skip bool Skip test against development version (use this when developing test) | * @param skip bool Skip test against development version (use this when developing test) |
| */ | */ |
| function drawTest (data, o, skip) { | function drawTest(data, o, skip) { |
| options.data = data; | options.data = data; |
| if (o) _.extend(options, o); | if (o) _.extend(options, o); |
| if (!skip) TestFlotr.graphTypes.lines.draw(options); | if (!skip) TestFlotr.graphTypes.lines.draw(options); |
| options.context = b.getContext('2d'); | options.context = b.getContext('2d'); |
| StableFlotr.graphTypes.lines.draw(options); | StableFlotr.graphTypes.lines.draw(options); |
| expect(b).toImageDiffEqual(a); | expect(b).toImageDiffEqual(a); |
| } | } |
| describe('Lines', function () { | describe('Lines', function () { |
| beforeEach(function () { | beforeEach(function () { |
| options = _.clone(defaults); | 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 | |
| }); | |
| }); | |
| }); | |
| }); | }); |
| /* | |
| 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 | |
| }); | |
| }); | |
| }); | |
| }); | |
| }); | }); |