Add drawAxis option, deprecating drawXAxis and drawYAxis. Added tests for that and...
[dygraphs.git] / auto_tests / tests / per_axis.js
1 /**
2 * @fileoverview Tests for per-axis options.
3 *
4 * @author konigsberg@google.com (Robert Konigsberg)
5 */
6 var perAxisTestCase = TestCase("per-axis");
7
8 perAxisTestCase._origGetContext = Dygraph.getContext;
9
10 perAxisTestCase.prototype.setUp = function() {
11 document.body.innerHTML = "<div id='graph'></div>";
12 Dygraph.getContext = function(canvas) {
13 return new Proxy(perAxisTestCase._origGetContext(canvas));
14 }
15
16 this.xAxisLineColor = "#00ffff";
17 this.yAxisLineColor = "#ffff00";
18
19 var opts = {
20 axes : {
21 x : {
22 drawAxis : false,
23 drawGrid : false,
24 gridLineColor : this.xAxisLineColor
25 },
26 y : {
27 drawAxis : false,
28 drawGrid : false,
29 gridLineColor : this.yAxisLineColor
30 }
31 },
32 colors: [ '#ff0000', '#0000ff' ]
33 };
34
35 var data = "X,Y,Z\n" +
36 "1,1,0\n" +
37 "8,0,1\n"
38 ;
39 this.graph = document.getElementById('graph');
40 this.g = new Dygraph(this.graph, data, opts);
41 };
42
43 perAxisTestCase.prototype.tearDown = function() {
44 Dygraph.getContext = perAxisTestCase._origGetContext;
45 };
46
47 perAxisTestCase.prototype.testDrawXAxis = function() {
48 this.g.updateOptions({ drawXAxis : true });
49 assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-x').length > 0);
50 assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-y').length == 0);
51 }
52
53 perAxisTestCase.prototype.testDrawYAxis = function() {
54 this.g.updateOptions({ drawYAxis : true });
55 assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-x').length ==0);
56 assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-y').length > 0);
57 }
58
59 perAxisTestCase.prototype.testDrawAxisX = function() {
60 this.g.updateOptions({ axes : { x : { drawAxis : true }}});
61 assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-x').length > 0);
62 assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-y').length == 0);
63 }
64
65 perAxisTestCase.prototype.testDrawAxisY = function() {
66 this.g.updateOptions({ axes : { y : { drawAxis : true }}});
67 assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-x').length ==0);
68 assertTrue(this.graph.getElementsByClassName('dygraph-axis-label-y').length > 0);
69 }
70 perAxisTestCase.prototype.testDrawXGrid = function() {
71 this.g.updateOptions({ drawXGrid : true });
72 var htx = this.g.hidden_ctx_;
73 assertTrue(CanvasAssertions.numLinesDrawn(htx, this.xAxisLineColor) > 0);
74 assertTrue(CanvasAssertions.numLinesDrawn(htx, this.yAxisLineColor) == 0);
75 }
76
77 perAxisTestCase.prototype.testDrawYGrid = function() {
78 this.g.updateOptions({ drawYGrid : true });
79 var htx = this.g.hidden_ctx_;
80 assertTrue(CanvasAssertions.numLinesDrawn(htx, this.xAxisLineColor) == 0);
81 assertTrue(CanvasAssertions.numLinesDrawn(htx, this.yAxisLineColor) > 0);
82 }
83
84 perAxisTestCase.prototype.testDrawGridX = function() {
85 this.g.updateOptions({ axes : { x : { drawGrid : true }}});
86 var htx = this.g.hidden_ctx_;
87 assertTrue(CanvasAssertions.numLinesDrawn(htx, this.xAxisLineColor) > 0);
88 assertTrue(CanvasAssertions.numLinesDrawn(htx, this.yAxisLineColor) == 0);
89 }
90
91 perAxisTestCase.prototype.testDrawGridY = function() {
92 this.g.updateOptions({ axes : { y : { drawGrid : true }}});
93 var htx = this.g.hidden_ctx_;
94 assertTrue(CanvasAssertions.numLinesDrawn(htx, this.xAxisLineColor) == 0);
95 assertTrue(CanvasAssertions.numLinesDrawn(htx, this.yAxisLineColor) > 0);
96 }