auto_tests/tests/range_tests.js

   1 // Copyright (c) 2011 Google, Inc.
   2 //
   3 // Permission is hereby granted, free of charge, to any person obtaining a copy
   4 // of this software and associated documentation files (the "Software"), to deal
   5 // in the Software without restriction, including without limitation the rights
   6 // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
   7 // copies of the Software, and to permit persons to whom the Software is
   8 // furnished to do so, subject to the following conditions:
   9 //
  10 // The above copyright notice and this permission notice shall be included in
  11 // all copies or substantial portions of the Software.
  12 //
  13 // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  14 // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  15 // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  16 // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  17 // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  18 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  19 // THE SOFTWARE.
  20
  21
  22 /**
  23  * @fileoverview Test valueRange and dateWindow changes.
  24  *
  25  * @author konigsberg@google.com (Robert Konigsberg)
  26  */
  27 var ZERO_TO_FIFTY = [[ 10, 0 ] , [ 20, 50 ]];
  28 var ZERO_TO_FIFTY_STEPS = function() {
  29   var a = [];
  30   var x = 10;
  31   var y = 0;
  32   var step = 0;
  33   for (step = 0; step <= 50; step++) {
  34     a.push([x + (step * .2), y + step]);
  35   }
  36   return a;
  37 } ();
  38 var FIVE_TO_ONE_THOUSAND = [
  39     [ 1, 10 ], [ 2, 20 ], [ 3, 30 ], [ 4, 40 ] , [ 5, 50 ],
  40     [ 6, 60 ], [ 7, 70 ], [ 8, 80 ], [ 9, 90 ] , [ 10, 1000 ]];
  41
  42 var RangeTestCase = TestCase("range-tests");
  43
  44 RangeTestCase.prototype.setUp = function() {
  45   document.body.innerHTML = "<div id='graph'></div>";
  46 };
  47
  48 RangeTestCase.prototype.createGraph = function(opts) {
  49   var graph = document.getElementById("graph");
  50   var g = new Dygraph(graph, ZERO_TO_FIFTY_STEPS, opts);
  51
  52   assertEquals([10, 20], g.xAxisRange());
  53   assertEquals([0, 55], g.yAxisRange(0));
  54
  55   return g;
  56 };
  57
  58 /**
  59  * Test that changes to valueRange and dateWindow are reflected
  60  * appropriately.
  61  */
  62 RangeTestCase.prototype.testRangeSetOperations = function() {
  63   var g = this.createGraph({valueRange : [ 0, 55 ]});
  64
  65   g.updateOptions({ dateWindow : [ 12, 18 ] });
  66   assertEquals([12, 18], g.xAxisRange());
  67   assertEquals([0, 55], g.yAxisRange(0));
  68
  69   g.updateOptions({ valueRange : [ 10, 40 ] });
  70   assertEquals([12, 18], g.xAxisRange());
  71   assertEquals([10, 40], g.yAxisRange(0));
  72
  73   g.updateOptions({ valueRange: [10, NaN] });
  74   assertEquals([12, 18], g.xAxisRange());
  75   assertEquals([10, 44.2], g.yAxisRange(0));
  76
  77   g.updateOptions({ valueRange: [10, 40] });
  78   assertEquals([12, 18], g.xAxisRange());
  79   assertEquals([10, 40], g.yAxisRange(0));
  80
  81   g.updateOptions({ valueRange: [10, null] });
  82   assertEquals([12, 18], g.xAxisRange());
  83   assertEquals([10, 44.2], g.yAxisRange(0));
  84
  85   g.updateOptions({ valueRange: [10, 40] });
  86   assertEquals([12, 18], g.xAxisRange());
  87   assertEquals([10, 40], g.yAxisRange(0));
  88
  89   g.updateOptions({ valueRange: [10, undefined] });
  90   assertEquals([12, 18], g.xAxisRange());
  91   assertEquals([10, 44.2], g.yAxisRange(0));
  92
  93   g.updateOptions({ valueRange: [10, 40] });
  94   assertEquals([12, 18], g.xAxisRange());
  95   assertEquals([10, 40], g.yAxisRange(0));
  96
  97   g.updateOptions({  });
  98   assertEquals([12, 18], g.xAxisRange());
  99   assertEquals([10, 40], g.yAxisRange(0));
 100
 101   g.updateOptions({valueRange : null, axes: {y:{valueRange : [15, 20]}}});
 102   assertEquals([12, 18], g.xAxisRange());
 103   assertEquals([15, 20], g.yAxisRange(0));
 104
 105   g.updateOptions({ dateWindow : null, valueRange : null, axes: null });
 106   assertEquals([10, 20], g.xAxisRange());
 107   assertEquals([0, 55], g.yAxisRange(0));
 108 };
 109
 110 /**
 111  * Verify that when zoomed in by mouse operations, an empty call to
 112  * updateOptions doesn't change the displayed ranges.
 113  */
 114 RangeTestCase.prototype.zoom = function(g, xRange, yRange) {
 115   var originalXRange = g.xAxisRange();
 116   var originalYRange = g.yAxisRange(0);
 117
 118   DygraphOps.dispatchMouseDown(g, xRange[0], yRange[0]);
 119   DygraphOps.dispatchMouseMove(g, xRange[1], yRange[0]); // this is really necessary.
 120   DygraphOps.dispatchMouseUp(g, xRange[1], yRange[0]);
 121
 122   assertEqualsDelta(xRange, g.xAxisRange(), 0.2);
 123   // assertEqualsDelta(originalYRange, g.yAxisRange(0), 0.2); // Not true, it's something in the middle.
 124
 125   var midX = (xRange[1] - xRange[0]) / 2;
 126   DygraphOps.dispatchMouseDown(g, midX, yRange[0]);
 127   DygraphOps.dispatchMouseMove(g, midX, yRange[1]); // this is really necessary.
 128   DygraphOps.dispatchMouseUp(g, midX, yRange[1]);
 129
 130   assertEqualsDelta(xRange, g.xAxisRange(), 0.2);
 131   assertEqualsDelta(yRange, g.yAxisRange(0), 0.2);
 132 }
 133
 134
 135 /**
 136  * Verify that when zoomed in by mouse operations, an empty call to
 137  * updateOptions doesn't change the displayed ranges.
 138  */
 139 RangeTestCase.prototype.testEmptyUpdateOptions_doesntUnzoom = function() {
 140   var g = this.createGraph();
 141   this.zoom(g, [ 11, 18 ], [ 35, 40 ]);
 142
 143   assertEqualsDelta([11, 18], g.xAxisRange(), 0.1);
 144   assertEqualsDelta([35, 40], g.yAxisRange(0), 0.2);
 145
 146   g.updateOptions({});
 147
 148   assertEqualsDelta([11, 18], g.xAxisRange(), 0.1);
 149   assertEqualsDelta([35, 40], g.yAxisRange(0), 0.2);
 150 }
 151
 152 /**
 153  * Verify that when zoomed in by mouse operations, a call to
 154  * updateOptions({ dateWindow : null, valueRange : null }) fully
 155  * unzooms.
 156  */
 157 RangeTestCase.prototype.testRestoreOriginalRanges_viaUpdateOptions = function() {
 158   var g = this.createGraph();
 159   this.zoom(g, [ 11, 18 ], [ 35, 40 ]);
 160
 161   g.updateOptions({ dateWindow : null, valueRange : null });
 162
 163   assertEquals([0, 55], g.yAxisRange(0));
 164   assertEquals([10, 20], g.xAxisRange());
 165 }
 166
 167 /**
 168  * Verify that log scale axis range is properly specified.
 169  */
 170 RangeTestCase.prototype.testLogScaleExcludesZero = function() {
 171   var g = new Dygraph("graph", FIVE_TO_ONE_THOUSAND, { logscale : true });
 172   assertEquals([10, 1099], g.yAxisRange(0));
 173
 174   g.updateOptions({ logscale : false });
 175   assertEquals([0, 1099], g.yAxisRange(0));
 176 }
 177
 178 /**
 179  * Verify that includeZero range is properly specified.
 180  */
 181 RangeTestCase.prototype.testIncludeZeroIncludesZero = function() {
 182   var g = new Dygraph("graph", [[0, 500], [500, 1000]], { includeZero : true });
 183   assertEquals([0, 1100], g.yAxisRange(0));
 184
 185   g.updateOptions({ includeZero : false });
 186   assertEquals([450, 1050], g.yAxisRange(0));
 187 }
 188
 189
 190 /**
 191  * Verify that includeZero range is properly specified per axis.
 192  */
 193 RangeTestCase.prototype.testIncludeZeroPerAxis = function() {
 194   var g = new Dygraph("graph",
 195     'X,A,B\n'+
 196     '0,50,50\n'+
 197     '50,110,110\n',
 198     {
 199       drawPoints: true,
 200       pointSize:5,
 201       series:{
 202         A: {
 203           axis: 'y',
 204           pointSize: 10
 205         },
 206         B: {
 207           axis: 'y2'
 208         }
 209       },
 210       axes: {
 211         'y2': { includeZero: true }
 212       }
 213     });
 214
 215
 216   assertEquals([44, 116], g.yAxisRange(0));
 217   assertEquals([0, 121], g.yAxisRange(1));
 218
 219   g.updateOptions({
 220     axes: {
 221       'y2': { includeZero: false }
 222     }
 223   });
 224
 225   assertEquals([44, 116], g.yAxisRange(1));
 226 }
 227
 228
 229 /**
 230  * Verify that includeZero range is properly specified per axis with old axis options.
 231  */
 232 RangeTestCase.prototype.testIncludeZeroPerAxisOld = function() {
 233   var g = new Dygraph("graph",
 234     'X,A,B\n' +
 235     '0,50,50\n' +
 236     '50,110,110\n',
 237     {
 238       drawPoints: true,
 239       pointSize: 5,
 240
 241         A: {
 242           pointSize: 10
 243         },
 244         B: {
 245           axis: {}
 246         },
 247       axes: {
 248         'y': { includeZero: true },
 249         'y2': { includeZero: false }
 250       }
 251     });
 252
 253   assertEquals([0, 121], g.yAxisRange(0));
 254   assertEquals([44, 116], g.yAxisRange(1));
 255
 256   g.updateOptions({
 257     axes: {
 258       'y': { includeZero: false },
 259       'y2': { includeZero: true }
 260     }
 261   });
 262
 263   assertEquals([44, 116], g.yAxisRange(0));
 264   assertEquals([0, 121], g.yAxisRange(1));
 265 }
 266
 267 /**
 268  * Verify that very large Y ranges don't break things.
 269  */
 270 RangeTestCase.prototype.testHugeRange = function() {
 271   var g = new Dygraph("graph", [[0, -1e120], [1, 1e230]], { includeZero : true });
 272   assertEqualsDelta(1, -1e229 / g.yAxisRange(0)[0], 0.001);
 273   assertEqualsDelta(1, 1.1e230 / g.yAxisRange(0)[1], 0.001);
 274 }