Fix value of yMax in callback.js test.
[dygraphs.git] / auto_tests / tests / update_options.js
1 // Copyright 2011 Google Inc. All Rights Reserved.
2
3 /**
4 * @fileoverview Tests for the updateOptions function.
5 * @author antrob@google.com (Anthony Robledo)
6 */
7 var UpdateOptionsTestCase = TestCase("update-options");
8
9 UpdateOptionsTestCase.prototype.opts = {
10 width: 480,
11 height: 320,
12 };
13
14 UpdateOptionsTestCase.prototype.data = "X,Y1,Y2\n" +
15 "2011-01-01,2,3\n" +
16 "2011-02-02,5,3\n" +
17 "2011-03-03,6,1\n" +
18 "2011-04-04,9,5\n" +
19 "2011-05-05,8,3\n";
20
21 UpdateOptionsTestCase.prototype.setUp = function() {
22 document.body.innerHTML = "<div id='graph'></div><div id='labels'></div>";
23 };
24
25 UpdateOptionsTestCase.prototype.tearDown = function() {
26 };
27
28 /*
29 * Tweaks the dygraph so it sets g._testDrawCalled to true when internal method
30 * drawGraph_ is called. Call unWrapDrawGraph when done with this.
31 */
32 UpdateOptionsTestCase.prototype.wrapDrawGraph = function(g) {
33 g._testDrawCalled = false;
34 g._oldDrawGraph = g.drawGraph_;
35 g.drawGraph_ = function() {
36 g._testDrawCalled = true;
37 g._oldDrawGraph.call(g);
38 }
39 }
40
41 /*
42 * See wrapDrawGraph
43 */
44 UpdateOptionsTestCase.prototype.unwrapDrawGraph = function(g) {
45 g.drawGraph_ = g._oldDrawGraph;
46 }
47
48 UpdateOptionsTestCase.prototype.testStrokeAll = function() {
49 var graphDiv = document.getElementById("graph");
50 var graph = new Dygraph(graphDiv, this.data, this.opts);
51 var updatedOptions = { };
52
53 updatedOptions['strokeWidth'] = 3;
54
55 // These options will allow us to jump to renderGraph_()
56 // drawGraph_() will be skipped.
57 this.wrapDrawGraph(graph);
58 graph.updateOptions(updatedOptions);
59 this.unwrapDrawGraph(graph);
60 assertFalse(graph._testDrawCalled);
61 };
62
63 UpdateOptionsTestCase.prototype.testStrokeSingleSeries = function() {
64 var graphDiv = document.getElementById("graph");
65 var graph = new Dygraph(graphDiv, this.data, this.opts);
66 var updatedOptions = { };
67 var optionsForY1 = { };
68
69 optionsForY1['strokeWidth'] = 3;
70 updatedOptions['Y1'] = optionsForY1;
71
72 // These options will allow us to jump to renderGraph_()
73 // drawGraph_() will be skipped.
74 this.wrapDrawGraph(graph);
75 graph.updateOptions(updatedOptions);
76 this.unwrapDrawGraph(graph);
77 assertFalse(graph._testDrawCalled);
78 };
79
80 UpdateOptionsTestCase.prototype.testSingleSeriesRequiresNewPoints = function() {
81 var graphDiv = document.getElementById("graph");
82 var graph = new Dygraph(graphDiv, this.data, this.opts);
83 var updatedOptions = { };
84 var optionsForY1 = { };
85 var optionsForY2 = { };
86
87 // This will not require new points.
88 optionsForY1['strokeWidth'] = 2;
89 updatedOptions['Y1'] = optionsForY1;
90
91 // This will require new points.
92 optionsForY2['stepPlot'] = true;
93 updatedOptions['Y2'] = optionsForY2;
94
95 // These options will not allow us to jump to renderGraph_()
96 // drawGraph_() must be called
97 this.wrapDrawGraph(graph);
98 graph.updateOptions(updatedOptions);
99 this.unwrapDrawGraph(graph);
100 assertTrue(graph._testDrawCalled);
101 };
102
103 UpdateOptionsTestCase.prototype.testWidthChangeNeedsNewPoints = function() {
104 var graphDiv = document.getElementById("graph");
105 var graph = new Dygraph(graphDiv, this.data, this.opts);
106 var updatedOptions = { };
107
108 // This will require new points.
109 updatedOptions['width'] = 600;
110
111 // These options will not allow us to jump to renderGraph_()
112 // drawGraph_() must be called
113 this.wrapDrawGraph(graph);
114 graph.updateOptions(updatedOptions);
115 this.unwrapDrawGraph(graph);
116 assertTrue(graph._testDrawCalled);
117 };
118
119 // Test https://github.com/danvk/dygraphs/issues/87
120 UpdateOptionsTestCase.prototype.testUpdateLabelsDivDoesntInfiniteLoop = function() {
121 var graphDiv = document.getElementById("graph");
122 var labelsDiv = document.getElementById("labels");
123 var graph = new Dygraph(graphDiv, this.data, this.opts);
124 graph.updateOptions({labelsDiv : labelsDiv});
125 }
126
127 // Test https://github.com/danvk/dygraphs/issues/247
128 UpdateOptionsTestCase.prototype.testUpdateColors = function() {
129 var graphDiv = document.getElementById("graph");
130 var graph = new Dygraph(graphDiv, this.data, this.opts);
131
132 var defaultColors = ["rgb(0,128,0)", "rgb(0,0,128)"];
133 assertEquals(["rgb(0,128,0)", "rgb(0,0,128)"], graph.getColors());
134
135 var colors1 = [ "#aaa", "#bbb" ];
136 graph.updateOptions({ colors: colors1 });
137 assertEquals(colors1, graph.getColors());
138
139 // extra colors are ignored until you add additional data series.
140 var colors2 = [ "#ddd", "#eee", "#fff" ];
141 graph.updateOptions({ colors: colors2 });
142 assertEquals(["#ddd", "#eee"], graph.getColors());
143
144 graph.updateOptions({ file:
145 "X,Y1,Y2,Y3\n" +
146 "2011-01-01,2,3,4\n" +
147 "2011-02-02,5,3,2\n"
148 });
149 assertEquals(colors2, graph.getColors());
150
151 graph.updateOptions({ colors: null, file: this.data });
152 assertEquals(defaultColors, graph.getColors());
153 }
154
155 // Regression test for http://code.google.com/p/dygraphs/issues/detail?id=249
156 // Verifies that setting 'legend: always' via update immediately shows the
157 // legend.
158 UpdateOptionsTestCase.prototype.testUpdateLegendAlways = function() {
159 var graphDiv = document.getElementById("graph");
160 var graph = new Dygraph(graphDiv, this.data, this.opts);
161
162 var legend = document.getElementsByClassName("dygraph-legend");
163 assertEquals(1, legend.length);
164 legend = legend[0];
165 assertEquals("", legend.innerHTML);
166
167 graph.updateOptions({legend: 'always'});
168
169 legend = document.getElementsByClassName("dygraph-legend");
170 assertEquals(1, legend.length);
171 legend = legend[0];
172 assertNotEquals(-1, legend.textContent.indexOf("Y1"));
173 assertNotEquals(-1, legend.textContent.indexOf("Y2"));
174 };